Discourse dark theme

Meta
1

Dear administrator, could you add a dark theme for this discourse forum, please. kicad, transifex, openwrt and mozilla discourses already has dark theme and it looks fine. Dark theme tires eyes significant less and saves eyesight.

2

Is there a foolproof step for step guide?

3

Or just use a browser plugin (dark reader) for the whole of internet:

image
image1230×1013 76.7 KB

4

I have never administered a discourse forum (so take this with a grain of salt), but the guide below makes it sound like there’s already a dark theme pre-installed and only a button press is needed to make it available for users.

EDIT: Otherwise there’s also this guide.

5

Yeah that probably comes with newer installs, this one is grandfathered and upgraded since 2014… :slight_smile: I’ll see if I can install it at some point.

6

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

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

It seems that dark theme has been disabled, as syncthing’s discourse runs the same version (2.5.0.beta2). There is no foolproof step for step guide, just go to the https://forum.syncthing.net/admin/customize/themes and enable it for users:

image

7

If there is only Light theme in the list:

image

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

image
image921×653 31.4 KB

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

image
image1065×410 31.2 KB

8

There is no dark color palette

9

Admin of opencellid that runs 2.4.0.beta2 has successfully applied these instructions. @AudriusButkevicius, could you show a screenshot how it looks for you? What color palettes are available?

image
image784×770 29.5 KB

10

See:

This is low prio (I hope we can agree on that) and it’s good idea in general and even more so now, to assume that people are busy. So please don’t hold your breath on this.

11

meta tag says this discourse is 2.5.0.beta2

12

That’s the only palletes I see:

image
image1030×284 11.9 KB

13

Right, created the new pallete, and created a theme using it. Not sure where you select it tho.

14

Audrius, thank you! It’s not ideal, as it has small issues, but usable.

image
image1200×303 39.3 KB

15

Feel free to provide the CSS that fixes that. Also, the header bar looks bad.

16

Screenshot_2020-03-21-12-33-24-093_com.android.chrome
Screenshot_2020-03-21-12-33-24-093_com.android.chrome1080×2248 337 KB

why not put your chrome browser to dark mode?

17
  1. I don’t use chrome
  2. I’d rather see white sites, not this:

image
image560×828 107 KB

18

It’s really strange that the header is white. Other discourses that I’ve instructed to install a dark theme have the dark header.

19

The header is custom element, hence why.