Dark mode was briefly merged and deployed but it was reverted because of bad dev support in Firefox. I don’t think the issues in the commit message have improved since then.
Firefox support is half-baked. There’s no user or devtool UI to toggle between
states, inspecting an element always shows the style for ::selection instead of
the element, and it lists the name of a color variable with no way to see the
value of the variable or where it is set. Punting until it’s debuggable.
When I asked about it in the DevTools Matrix channel recently, they said:
The plan is to replace the multi-state button with a drop-down menu with three explicit options, like in Chrome: 1. no preference (uses current system), 2. prefers dark, 3. prefers light.
We’ll work on this soon. Hoping to enable it on the next Firefox Beta.
Hmm. Documentation I find seems to indicate Safari should follow OS dark mode setting, yeah. But on my work laptop safari loads lobste.rs with not dark mode, so must be missing something…
Yes but running the extension will slow the load of pages loading as it has to inject css. I don’t want to run unnecessary extensions that sacrifice performance.
Dark mode was briefly merged and deployed but it was reverted because of bad dev support in Firefox. I don’t think the issues in the commit message have improved since then.
Well, now that Mozilla fired their Firefox DevTools people, I’m sure it’ll be fixed in no time…
I see this PR was merged but don’t see the setting exposed anywhere.
I am willing to implement the dark mode myself together with the automatic switching based of OS setting if lobsters developers are okay to accept it?
If you look at the bottom of that PR you can see it was reverted later that day:
There is a devtools toggle that is not enabled by default. Relevant bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1550804
When I asked about it in the DevTools Matrix channel recently, they said:
Thanks for the link, I’m following what seems to be the relevant issue. In the meantime, there are personal approaches linked from the about page.
You need to activate dark mode in your browser to get that PR turned on :)
Can you link to documentation how to do that for Safari please?
I thought browsers themselves don’t have concept of dark mode or light mode but OS does.
Hmm. Documentation I find seems to indicate Safari should follow OS dark mode setting, yeah. But on my work laptop safari loads lobste.rs with not dark mode, so must be missing something…
With stylus[1] you can make the whole web dark, not just lobste.rs.
[1] https://add0n.com/stylus.html
Yes but running the extension will slow the load of pages loading as it has to inject css. I don’t want to run unnecessary extensions that sacrifice performance.
Or even better: dark reader!
Don’t want to run dark reader all the time as it slows down page load.