Dark mode for the forum?

Grog · February 12, 2021, 7:41pm

I use Chrome on my mobile, this website is still very white. Any hint on how can I get it dark mode? Is it even possible with chrome or are there better choices?

Bojack · February 12, 2021, 8:19pm

A quick search gives this:

So not only is it possible to make multiple color themes, but even an automatic switcher depending on system. But MP would need to do it.

Grog · February 13, 2021, 8:58am

I’m ashamed to say I forgot MP handle to tag him these conversation maybe somebody can raise this to his attention with a mention?

Voodoo · February 13, 2021, 9:47am

@_MP !

I was also bothered by the lack of this feature. I solved it by installing the Dark Reader add on (for Firefox). Works pretty well for most sites I’ve encountered.

Bojack · February 13, 2021, 10:05am

I think if we ask @_MP nicely, it’s possible to install this plugin.

weirded · February 13, 2021, 10:15am

Yes, @_MP it would be appreciated…

_MP · February 17, 2021, 8:01am

Hey there,

Thanks for pinging me on this. I really appreciate how you help to make this community better!

So, the dark mode is now activated
By default, it should get enabled as soon as your device/browser is in dark mode.

I’m using the default Discourse system for this (Automatic Dark Mode color scheme switching - announcements - Discourse Meta), in order to not have to add (and maintain) yet another plugin.

Hope it helps your eyes!

Take care,
MP

Grog · February 17, 2021, 8:19am

It works awesomely, thank you a lot!!! @_MP

MrCheese · February 17, 2021, 8:50am

Is there a manual switch somewhere? My Chrome on desktop doesn’t switch to dark mode…

dbu · February 17, 2021, 9:27am

You need to set it on your OS level (at least I needed to, Win > Settings > Colors > Dark).
But that affects all other apps as well.

ma0 · February 17, 2021, 10:35am

On Ubuntu: Settings/Appearance/Dark Mode. Default (aka darkish mode) doesn’t work.

I hope someone will invent a “not-too-dark” mode. Dark mode is imho not that good. Instead of flashing bright screen around your text, you have flashing bright text.

Bojack · February 17, 2021, 6:24pm

Looks sweet! Here how it appears on my iPhone:

weirded · February 17, 2021, 6:52pm

Same here. Looks nice. Only the white logo now… (ok, we’re picky…)

alex_adc · February 20, 2021, 3:56pm

Thank you. Makes this such a delight to read with this theme!

Bojack · February 28, 2021, 9:36am

I’ve noticed a problem with the mobile display of the website. When I write a new post, the right side is cut off and I have to manually zoom out. Anybody else experiencing this? For me it happens on Safari on an iPhone. Looks like this:

capito27 · August 20, 2021, 10:01pm

If you haven’t found a workaround yet, and are still interested, here is a solution to force chrome darkmode (best you can do without having to mess with tampermonkey or similar) :

Here is a solution that works the same in firefox : css - Firefox: How to test prefers-color-scheme? - Stack Overflow

MrCheese · August 23, 2021, 7:59am

I’ve installed a Discourse forum myself in the meantime and newer versions definitely allow users to choose if they want to get the dark mode or not. Maybe @_MP should just update the forum to a newer version.

Bojack · August 23, 2021, 9:10am

_MP · August 23, 2021, 9:21am

Do you have a screenshot/Loom on how you do so on your install please?

MrCheese · August 23, 2021, 9:37am

You need to have multiple color schemes installed:

I guess you’re missing the “can be selected by users” checkbox in your themes.