Archived on 6/5/2022

SE23.life Dark Mode

promofaux
15 May '20

:information_source: Split from SE23.life Proposed Style Tweak #1 [2018] - #6 topic


A pretty neat thing you can do is have multiple themes available, with one set as the default but then the rest that can be selected by users from the hamburger menu

Personally I would love it if you offered a dark theme too.

marymck
15 May '20

Personally, I find dark backgrounds quite hard to read from on my phone, which is where I do most of my forum stuff.

I do find it quite hard to find older threads though. But I think it’s a safe bet to say I’m not the most techie of users. STF, which I think is a really old fashioned feeling layout (not a good thing), is easier to search among older posts on.

anon5422159
15 May '20

Good call @promofaux. I use dark themes at night-time (much easier on the eyes).

Later today This weekend I’ll enable the following theme component which means SE23.life will respect your current operating system light/dark setting (and thus will support time-scheduled dark mode):

starman
15 May '20

My Twitter feed changes automatically from light during the day to dark in the evening. I rather like that.

anon5422159
20 May '20

SE23.life will now match the light/dark mode you’ve chosen on your device (for devices that support dark mode).

For those devices that automatically switch between light/dark mode at sunrise/sunset, SE23.life will automatically switch too.

Instructions

If you don’t have a device that supports dark mode, you can manually switch to the dark theme in your user interface preferences. There is also a preference to disable automatic dark mode switching.

Like all new features, please keep an eye out for any issues and let me know here.

Thanks!

promofaux
22 May '20

Some of the styling may need a bit of a tweak, note the two following post highlights.

Also, slightly on the same topic. Have you tweaked your CSS for whispers to work nicely with dark mode yet? If so, any hints? I currently have this over on the Pi-hole forums, which I think I just pinched from your site CSS when you were purely light mode (doesn’t look great with dark!):

anon5422159
22 May '20

Thanks @promofaux. I haven’t yet adjusted those bits of custom styling but I will do.

Update: I’ve now made some improvements to dark mode styling, and these are shared via theme components which you can use on your own Discourse forum(s):

clausy
24 May '20

Personally I actually prefer the white theme although I use Dark Mode for most things. I did notice that it’s picked up my Mac’s ‘Dark Mode by default’ setting and automatically the site went dark for me (in Safari). I changed it back to the standard theme and then it went right back to Dark when I clicked on the home page. Turns out there’s a “Disable automatic Dark Mode theme switching” check box at the bottom of the Interface preference settings, otherwise it will just switch back to Dark mode.

clausy
19 Jun '20

Oddly I just got forced to relogin (maybe a cookie expired) and it’s defaulted back to Dark Mode and in preferences the dropdown only contains ‘Dark’…?

anon5422159
19 Jun '20

How is your battery status? Apparently, Android can switch to dark mode when battery is low.