# Discourse dark theme

**URL:** <https://community.letsencrypt.org/t/discourse-dark-theme/116310>\
**Category:** Site Feedback\
**Created:** [March 13, 2020, 5:40pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310 "2020-03-13T17:40:54Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![532910](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/532910/32/38026_2.png) [@532910](https://community.letsencrypt.org/u/532910)\
**Post date:** [March 13, 2020, 5:40pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/1 "2020-03-13T17:40:54Z")

</div>

Dear administrator, could you add a dark theme for this discourse forum, please. [kicad](http://forum.kicad.info), [transifex](http://community.transifex.com), [openwrt](http://forum.openwrt.org) and [mozilla](http://discourse.mozilla.org) discourses already has dark theme and it looks fine.  
Dark theme tires eyes significant less and saves eyesight.

---

<div class="post-metadata">

**Author:** ![mnordhoff](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/mnordhoff/32/22583_2.png) [@mnordhoff](https://community.letsencrypt.org/u/mnordhoff)\
**Post date:** [March 13, 2020, 5:42pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/2 "2020-03-13T17:42:15Z")

</div>

FYI, this has come up before:

> [@Allow users to select dark mode theme](https://community.letsencrypt.org/t/allow-users-to-select-dark-mode-theme/105987):
>
> I…

---

<div class="post-metadata">

**Author:** ![532910](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/532910/32/38026_2.png) [@532910](https://community.letsencrypt.org/u/532910)\
**Post date:** [March 13, 2020, 5:54pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/3 "2020-03-13T17:54:52Z")

</div>

I’ve seen it. It’s closed now without solution.

---

<div class="post-metadata">

**Author:** ![tdelmas](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/tdelmas/32/1866_2.png) [@tdelmas](https://community.letsencrypt.org/u/tdelmas)\
**Post date:** [March 13, 2020, 9:46pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/4 "2020-03-13T21:46:45Z")

</div>

From [Allow users to select dark mode theme - #3 by jsha](https://community.letsencrypt.org/t/allow-users-to-select-dark-mode-theme/105987/3) :

> [@Allow users to select dark mode theme](https://community.letsencrypt.org/t/allow-users-to-select-dark-mode-theme/105987/3):
>
> I think dark mode support would be great! It looks like it’s a bit of work, so it may take me a little while to get to it, but I’ll give it a shot.

But I think he has higher priority issues right now 🙂 ([2020.02.29 CAA Rechecking Bug](https://community.letsencrypt.org/t/2020-02-29-caa-rechecking-bug/114591))

---

<div class="post-metadata">

**Author:** ![532910](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/532910/32/38026_2.png) [@532910](https://community.letsencrypt.org/u/532910)\
**Post date:** [March 20, 2020, 6:57am UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/5 "2020-03-20T06:57:38Z")

</div>

I asked openwrt discourse administrator, and just checked it myself on the fresh locally installed discourse 2.5.0.beta2:

```
Dark theme comes out of the box.
You can easily add more themes from the administration interface.

```

It seems that dark theme has been disabled, as letsencrypt’s discourse runs just a previous version (2.5.0.beta1). Just go to the [https://community.letsencrypt.org/admin/customize/themes](https://community.letsencrypt.org/admin/customize/themes) and enable it for users:  
 ![image](https://global.discourse-cdn.com/letsencrypt/original/3X/3/1/313c180c86a633433577dfa6cfd64933880fac38.png)

---

<div class="post-metadata">

**Author:** ![532910](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/532910/32/38026_2.png) [@532910](https://community.letsencrypt.org/u/532910)\
**Post date:** [March 20, 2020, 7:00am UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/6 "2020-03-20T07:00:00Z")

</div>

> [@tdelmas](#):
>
> But I think he has higher priority issues right now

I don't believe he has no time to toggle the checkbox.

---

<div class="post-metadata">

**Author:** ![532910](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/532910/32/38026_2.png) [@532910](https://community.letsencrypt.org/u/532910)\
**Post date:** [March 20, 2020, 7:25am UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/7 "2020-03-20T07:25:26Z")

</div>

If there is only Light theme in the list:

![image](https://global.discourse-cdn.com/letsencrypt/original/3X/8/1/81cbcbdddb0f8c9073692cd0a92219850934b5e4.png)

you should press `Install` -\> `Create new` Fill the name, “Dark” for example with type `Theme`:

 ![image](https://global.discourse-cdn.com/letsencrypt/original/3X/a/e/ae202fe094e8d034ec74f7c52114b5b55b5b773b.png)

and then, on the next step, assign the `Dark` color palette and make it available for users:

 ![image](https://global.discourse-cdn.com/letsencrypt/original/3X/4/2/42f5edb0e24acc20a0a6affc159fb0144bce49a0.png)

---

<div class="post-metadata">

**Author:** ![tdelmas](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/tdelmas/32/1866_2.png) [@tdelmas](https://community.letsencrypt.org/u/tdelmas)\
**Post date:** [March 20, 2020, 8:35am UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/8 "2020-03-20T08:35:35Z")

</div>

Thank you for those details. If it’s that simple, maybe @jsha can find the time to do it 🙂

The problem with tasks with low priority, it’s when you don’t know how simple they are before you are doing them!

---

<div class="post-metadata">

**Author:** ![532910](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/532910/32/38026_2.png) [@532910](https://community.letsencrypt.org/u/532910)\
**Post date:** [March 20, 2020, 9:52am UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/9 "2020-03-20T09:52:19Z")

</div>

Admins of opencellid and syncthing discourses have successfully applied these instructions.

---

<div class="post-metadata">

**Author:** ![jsha](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/jsha/32/12_2.png) [@jsha](https://community.letsencrypt.org/u/jsha)\
**Post date:** [March 20, 2020, 4:16pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/10 "2020-03-20T16:16:21Z")

</div>

For some reason the “Dark” theme is not preinstalled on our instance - perhaps because it was created before the Dark theme existed?

There was also no “Dark” theme available in the list of popular themes to install. However, I saw that the “Vincent” theme has a dark mode, so I installed that. It’s now user-selectable in `https://community.letsencrypt.org/u/<your username>/preferences/interface`.

---

<div class="post-metadata">

**Author:** ![JimPas](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/jimpas/32/33270_2.png) [@JimPas](https://community.letsencrypt.org/u/JimPas)\
**Post date:** [March 20, 2020, 6:31pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/11 "2020-03-20T18:31:13Z")

</div>

Thanks! This will save my eyes! 🤓 Now I can take these off. 🕶

---

<div class="post-metadata">

**Author:** ![tdelmas](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/tdelmas/32/1866_2.png) [@tdelmas](https://community.letsencrypt.org/u/tdelmas)\
**Post date:** [March 20, 2020, 9:46pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/12 "2020-03-20T21:46:07Z")

</div>

Thank you for that theme @jsha! 🥳

---

<div class="post-metadata">

**Author:** ![9peppe](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/9peppe/32/31596_2.png) [@9peppe](https://community.letsencrypt.org/u/9peppe)\
**Post date:** [April 8, 2020, 11:36am UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/13 "2020-04-08T11:36:31Z")

</div>

> [@jsha](#):
>
> There was also no “Dark” theme available in the list of popular themes to install.

It's not there. 😉

"Dark" is only a color palette.

Go to [https://community.letsencrypt.org/admin/customize/themes](https://community.letsencrypt.org/admin/customize/themes) and create a new theme (`install -> create new`) give it a name, select the dark palette and make it available for users to select. 😉

---

<div class="post-metadata">

**Author:** ![jsha](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/jsha/32/12_2.png) [@jsha](https://community.letsencrypt.org/u/jsha)\
**Post date:** [April 8, 2020, 4:23pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/14 "2020-04-08T16:23:55Z")

</div>

The Vincent theme has a dark palette and is available now. I’m using it! 😊

---

<div class="post-metadata">

**Author:** ![9peppe](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/9peppe/32/31596_2.png) [@9peppe](https://community.letsencrypt.org/u/9peppe)\
**Post date:** [April 8, 2020, 4:29pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/15 "2020-04-08T16:29:49Z")

</div>

So does the default one. (I really don’t like the vincent theme 😃)

---

<div class="post-metadata">

**Author:** ![532910](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/532910/32/38026_2.png) [@532910](https://community.letsencrypt.org/u/532910)\
**Post date:** [April 10, 2020, 12:37pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/16 "2020-04-10T12:37:15Z")

</div>

vincent looks strange, could you add a dark palette for the default theme please

---

<div class="post-metadata">

**Author:** ![jsha](https://sea3.discourse-cdn.com/letsencrypt/user_avatar/community.letsencrypt.org/jsha/32/12_2.png) [@jsha](https://community.letsencrypt.org/u/jsha)\
**Post date:** [April 13, 2020, 6:06pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/17 "2020-04-13T18:06:06Z")

</div>

> [@9peppe](#):
>
> Go to [https://community.letsencrypt.org/admin/customize/themes](https://community.letsencrypt.org/admin/customize/themes) and create a new theme ( `install -> create new` ) give it a name, select the dark palette and make it available for users to select. 😉

Thanks for the tip. I tried it but the dark palette does not show up:  
 ![Screenshot from 2020-04-13 11-04-37](https://global.discourse-cdn.com/letsencrypt/original/3X/8/3/83f35f349c4e775aa2d5cafd986010658e1eec20.png)

If you'd like to ask for some advice on the Discourse support forum [https://meta.discourse.org/](https://meta.discourse.org/) you are welcome to! You can tell them I sent you. 🙂

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/letsencrypt/original/3X/c/a/ca6c06ea1ea201324bba7048c6841ce60236468d.png) [@system](https://community.letsencrypt.org/u/system)\
**Post date:** [May 13, 2020, 6:06pm UTC](https://community.letsencrypt.org/t/discourse-dark-theme/116310/18 "2020-05-13T18:06:13Z")

</div>

Closed on May 13, 2020, 6:06pm UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
