1. 7

Ideally with automatic switching using prefers-color-scheme media feature.

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

    1. 2

      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.

      1. 2

        Well, now that Mozilla fired their Firefox DevTools people, I’m sure it’ll be fixed in no time…

    2. 1

      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?

      1. 4

        If you look at the bottom of that PR you can see it was reverted later that day:

        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.

        1. 1

          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:

          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.

          1. 1

            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.

      2. 1

        You need to activate dark mode in your browser to get that PR turned on :)

        1. 1

          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.

          1. 1

            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…

    3. 1

      With stylus[1] you can make the whole web dark, not just lobste.rs.

      [1] https://add0n.com/stylus.html

      1. 1

        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.

      2. 1

        Or even better: dark reader!

        1. 1

          Don’t want to run dark reader all the time as it slows down page load.