# Always Dark Mode

**URL:** <https://forum.ghost.org/t/always-dark-mode/11605>\
**Category:** Themes\
**Created:** [January 25, 2020, 6:58pm UTC](https://forum.ghost.org/t/always-dark-mode/11605 "2020-01-25T18:58:30Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tothepowerofn](https://avatars.discourse-cdn.com/v4/letter/t/76d3ee/32.png) [@tothepowerofn](https://forum.ghost.org/u/tothepowerofn)\
**Post date:** [January 25, 2020, 6:58pm UTC](https://forum.ghost.org/t/always-dark-mode/11605/1 "2020-01-25T18:58:30Z")

</div>

Hi there,

I am new to Ghost (and web development in general) and I am setting up my personal blog. Right now, I am using the Liebling theme ([GitHub - eddiesigner/liebling: Beautiful and clean Ghost theme that is easy and comfortable to use. To get the latest version please head over the releases page 👉🏼](https://github.com/eddiesigner/liebling)). However, I really would like the website to _always_ display in dark mode, and would like to remove the dark mode toggle in the top right corner of the webpages as well. How might I go about accomplishing this?

Sorry in advance for my lack of background knowledge in this area!

---

<div class="post-metadata">

**Author:** ![denvergeeks](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/denvergeeks/32/7401_2.png) [@denvergeeks](https://forum.ghost.org/u/denvergeeks)\
**Post date:** [January 26, 2020, 9:26am UTC](https://forum.ghost.org/t/always-dark-mode/11605/2 "2020-01-26T09:26:39Z")

</div>

You could copy and paste the darkmode CSS into the Code Injection \> Site Header so it overrides all of the prior CSS,

and

also include in that same CSS (to hide the icon for dark/light toggle):

.m-toggle-darkmode {  
display: none;  
}