User:Ahmad252/dark-mode.js
Jump to navigation
Jump to search
Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: press Ctrl-F5, Mozilla: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Opera/Konqueror: press F5, Safari: hold down Shift + Alt while clicking Reload, Chrome: hold down Shift while clicking Reload.
Documentation for this user script can be added at User:Ahmad252/dark-mode. This user script seems to have an accompanying .css page at User:Ahmad252/dark-mode.css. |
// Copied from [[:en:User:Volker E. (WMF)/dark-mode.js]]
/*
* WikimediaUI Dark Mode
*
* Original authors:
* - Alex Hollender
* - Volker E.
* - Ed Sanders
* - MusikAnimal
*
* Last updated: 2019-09-18
*/
importStylesheet( 'User:Ahmad252/dark-mode.css' );
// User has dark color scheme preference set in OS.
if ( window.matchMedia( '( prefers-color-scheme: dark )' ).matches || mw.storage.get( 'client-dark-mode-toggle' ) === '1' ) {
document.documentElement.className = 'client-dark-mode';
}
$( function () {
// Fix logo globe.
$( '#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' ) ) )
);
});
} );