User script
dark-mode.js
DescriptionDark mode for Wikimedia wikis
Author(s)Volker E. (WMF) and MusikAnimal with some CSS from AHollender (WMF)
StatusStable
UpdatedApril 25, 2020
    (4 years ago)
Browser supportModern browsers with CSS `filter` support
Skin supportAll
SourceUser:Volker E. (WMF)/dark-mode.js

WikimediaUI Dark mode is a user script, enabling dark-mode across modern browsers. Note that this is an experiment based on the work of Wikimedia Design team members Alex Hollender and Volker E., volunteer MusikAnimal and others.

Dark mode user script screenshoot

Technical notes

Install it by either adding mw.loader.load( 'https://en.wikipedia.org/w/index.php?title=User:Volker_E._(WMF)/dark-mode.js&action=raw&ctype=text/javascript' ); to your common JavaScript or by enabling the Gadget in your preferences (under "Testing and development"). — xaosflux Talk 02:33, 22 April 2021 (UTC)

Currently it supports Vector and MinervaNeue theme out-of-box, Timeless is working with glitches, further support is forthcoming. Any modern browsers works with only exception of Opera Mini, which lacks filter support.

It adds an item to your personal menu labelled “Dark mode” (Vector) which turns it on and off. Additionally it uses Operating System user preference for light or dark color scheme by default.

There's currently a flicker happening on page load, this is unresolvable with user scripts and could only be fixed by turning this into an extension or similar.

Read more about the reasons for light-on-dark color scheme aka dark mode like reduced eye strain or energy savings specifically on OLED displays.