View Wikipedia in Dark Mode via ?withgadget=dark-mode | Hacker News Reader

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

en.wikipedia.org

22 points_fw5 comments

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.

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....

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/...

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/

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

https://darkreader.org/

Reply on news.ycombinator.com