MediaWiki:Gadget-DarkMode.css

/* Apply a quick color-inverted night theme */

html, body { height: 100%; } body.skin-vector { height: auto; } @-moz-document url-prefix { html, body { height: auto; } } body:not(.skin-timeless), body.skin-timeless.mobile, body.skin-timeless:not(.mobile) #mw-content-block, body.skin-timeless:not(.mobile) .footer-icons, img:not(.invert), video, .vjs-poster, iframe, #wpTextbox1, #p-logo, body:not(.mobile) .thumb, body:not(.mobile) .thumb .image, body:not(.mobile) .gallerybox, body:not(.mobile) .gallerybox .thumb > div, body:not(.mobile) .gallerytext, .mw-mmv-overlay, .mw-mmv-pre-image, .media-viewer, .image-details, body.skin-monobook #p-personal, body.skin-monobook #p-cactions, .mwe-popups-container, .mwe-popups-extract { filter: invert(1) hue-rotate(180deg); }	color: #000 !important; background: #ccc !important; }
 * 1) wpTextbox1 {

/* Fixes */ body.page-Main_Page.mobile #mainpage > div:not(#mf-welcome), body.page-Main_Page .nav > a, body.page-Main_Page:not(.mobile) #mw-content-text, body.page-Main_Page #mw-content-text .floatnone, body.page-Main_Page #mw-content-text .floatleft, body.page-Main_Page #mw-content-text .floatright { filter: invert(1) hue-rotate(180deg); } body.page-Main_Page #content h3 { color: #fff !important; }

/* Navboxes */ body.mediawiki .navbox td, body.mediawiki .navbox tr:first-child th, body.mediawiki .navbox tr:first-child th a, body.mediawiki .navbox span, body.mediawiki .navbox font { color: #000 !important; } body.mediawiki .navbox { background: #eee !important; border-color: #a2a9b1 !important; } body.mediawiki .navbox tr:first-child th { background: #fff !important; } body.mediawiki .navbox th { background: #ddd !important; } body.mediawiki .navbox td { background: #bbb !important; }

/* Desktop skins */ color: #222 !important; } body:not(.skin-roundedblue) #content, #mw-content, .skin-monobook #footer, .suite_tab, .suitediv, .mw-prefs-buttons, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background: #ddd !important; } .vector-menu-tabs .selected { background: linear-gradient(to bottom,transparent 0,#ddd 100%) !important; }
 * 1) content, #content h1, #content h2, #content h3,
 * 2) content h4, #content h5, #content h6 {

/* Mobile skins */ body.skin-timeless.mobile #mw-content-container { background: #fff !important; } body.skin-timeless.mobile #mw-footer-container, body.skin-timeless.mobile #mw-footer-container a { color: #000 !important; }