From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* 

 * WikimediaUI Dark Mode

 *

 * Original authors:

 * - Volker E. (Wikimedia Foundation Product Design)

 * - Alex Hollender  (Wikimedia Foundation Product Design)

 * - Ed Sanders

 * - MusikAnimal

 *

 * Last updated: 2020-04-24

 */



// Load dependencies (remove when loading through ResourceLoader).

mw.loader.load( 'https://en.wikipedia.org/?title=User:Volker_E._(WMF)/dark-mode.css&action=raw&ctype=text/css', 'text/css' );

// User has dark color scheme preference set in operating system.

if ( window.matchMedia( '( prefers-color-scheme: dark )' ).matches || mw.storage.get( 'client-dark-mode-toggle' ) === '1' ) {

	document.documentElement.className = 'client-dark-mode';

}



$( function () {

	// Fix logos.

	$( '#p-logo' ).clone().addClass( 'mw-no-invert' ).insertAfter( '#p-logo' );

	

	mw.util.addPortletLink( 'p-personal', '#', 'Dark mode', 'pt-darkmode', '', 'np', '#pt-watchlist' );



    $( '#pt-darkmode' ).on( 'click', function( e ) {

    	var $html = $( 'html' );

        e.preventDefault();

        

        $html.toggleClass( 'client-dark-mode' );

        mw.storage.set(

			'client-dark-mode-toggle',

			String( Number( $html.hasClass( 'client-dark-mode' ) ) )

		);

    } );

} );
From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* 

 * WikimediaUI Dark Mode

 *

 * Original authors:

 * - Volker E. (Wikimedia Foundation Product Design)

 * - Alex Hollender  (Wikimedia Foundation Product Design)

 * - Ed Sanders

 * - MusikAnimal

 *

 * Last updated: 2020-04-24

 */



// Load dependencies (remove when loading through ResourceLoader).

mw.loader.load( 'https://en.wikipedia.org/?title=User:Volker_E._(WMF)/dark-mode.css&action=raw&ctype=text/css', 'text/css' );

// User has dark color scheme preference set in operating system.

if ( window.matchMedia( '( prefers-color-scheme: dark )' ).matches || mw.storage.get( 'client-dark-mode-toggle' ) === '1' ) {

	document.documentElement.className = 'client-dark-mode';

}



$( function () {

	// Fix logos.

	$( '#p-logo' ).clone().addClass( 'mw-no-invert' ).insertAfter( '#p-logo' );

	

	mw.util.addPortletLink( 'p-personal', '#', 'Dark mode', 'pt-darkmode', '', 'np', '#pt-watchlist' );



    $( '#pt-darkmode' ).on( 'click', function( e ) {

    	var $html = $( 'html' );

        e.preventDefault();

        

        $html.toggleClass( 'client-dark-mode' );

        mw.storage.set(

			'client-dark-mode-toggle',

			String( Number( $html.hasClass( 'client-dark-mode' ) ) )

		);

    } );

} );

Videos

Youtube | Vimeo | Bing

Websites

Google | Yahoo | Bing

Encyclopedia

Google | Yahoo | Bing

Facebook