View Wikipedia in Dark Mode via ?withgadget=dark-mode (opens in new tab)

(en.wikipedia.org)

22 points_fw2y ago5 comments

5 comments

5 comments · 3 top-level

myfonj2y ago· 2 in thread

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.

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

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

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

squigz2y ago

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

https://darkreader.org/

j / k navigate · click thread line to collapse