View Wikipedia in Dark Mode via ?withgadget=dark-mode

22 points by _fw 1 year ago | 5 comments
  • myfonj 1 year ago
    I think the OP link would have had the parameter included:

    https://en.wikipedia.org/wiki/Wikipedia:Dark_mode_(gadget)?w...

    from a quick glance it adds

        invert(1) hue-rotate(180deg)
    to HTML style. What indeed works, but is a bit sloppy way to do a dark mode. Making usable colour palate and adjusting typography for inverted mode takes little more effort, sadly.
    • myfonj 1 year ago
      What is interesting that there is palette for dark mode present in loaded stylesheet reacting to OS or browser preference, but it is set to take effect only while HTML has a certain class. It can be added from devtools

          document.documentElement.classList.add('skin-theme-clientpref-os')
      It looks very similar to the invert one, but has way better colouring of the code blocks and box titles, from a quick glance.

      The palette overrides for `prefers-color-scheme:dark` can be found in https://en.wikipedia.org/w/load.php?lang=en&modules=ext.uls....

      • chjj 1 year ago
        That's disappointing. I thought it was a proper stylesheet update for a second. I've been using this[1] user stylesheet for a while now. See the github repo[2] for the amount of insanity required to make this work (it breaks every now and then when wikipedia updates their html/css).

        [1] https://userstyles.world/style/17/wikipedia-dark [2] https://github.com/StylishThemes/Wikipedia-Dark/blob/master/...

      • lolinder 1 year ago
        If you look at the description in TFA, it sounds like this isn't a proper stylesheet, it's a heavy Invert Colors implemented specifically for Wikipedia.

        If we're going to be indiscriminately inverting colors and trying to piece the page back together anyway, I strongly recommend using Dark Reader [0] instead and getting the benefits of this globally. It's open source and very good. I installed it when I first got an Android phone that supported dark mode and haven't even really noticed it since then, it's just as though every webpage in the world started respecting my phone's global dark mode toggle.

        [0] https://darkreader.org/

        • squigz 1 year ago
          By far my favorite extension is Dark Reader - no need to rely on every website to implement a dark mode

          https://darkreader.org/

          • 1 year ago
            • 1 year ago
              • aaron695 1 year ago
                [dead]