MediaWiki:Gadget-night-mode.css


 * root {

--wv-color-black: #000; --wv-color-text: #fff; } html.skin-theme-clientpref-night { /* Make sure when modifying this list of variables you also modify the list in the prefers-color-scheme media query */ --climate-table-snow: #fff; --climate-table-precipitation: #ace; --wv-notice-bg-color: #333; --wv-notice-color: #f4f7fa; --wv-optional-color: transparent; --wv-optional-text: #fff; --wv-color-black: #fff; }

html.skin-theme-clientpref-night .wv-quickbar table, html.skin-theme-clientpref-night .ombox, html.skin-theme-clientpref-night .night-mode-can-strip-colors { background: inherit !important; color: inherit !important; }

html.skin-theme-clientpref-night .mw-kartographer-maplink { color: white !important; }

@media (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-kartographer-maplink { color: white !important; }   /* automatic mode */ html.skin-theme-clientpref-os { /* Make sure this list of variables matches the list above */ --climate-table-snow: #fff; --climate-table-precipitation: #ace; --wv-notice-bg-color: #333; --wv-notice-color: #f4f7fa; --wv-optional-color: transparent; --wv-color-black: #fff; --wv-optional-text: #fff; }

html.skin-theme-clientpref-os .wv-quickbar table, html.skin-theme-clientpref-os .ombox, html.skin-theme-clientpref-os .night-mode-can-strip-colors { background: inherit !important; color: inherit !important; } } /* TEMPORARY FIXES to be upstreamed to codebases. */

/* Optimise Extension:WikidataPageBanner */ html.skin-theme-clientpref-night .wpb-name { background: #333; color: white; }

/* For links in Codex (T360845) */ html.skin-night-mode-page-disabled .cdx-message a, html.skin-theme-clientpref-night .cdx-message a { color: var( --color-base ); font-weight: bold; text-decoration: underline; text-decoration-style: dotted; }

/* T360844 */ html.skin-theme-clientpref-night th[style*="background"] a, html.skin-theme-clientpref-night td[style*="background"] a, html.skin-theme-clientpref-night tr[style*="background"] a { color: #333; text-decoration: underline; }

@media (prefers-color-scheme: dark) { html.skin-theme-clientpref-os th[style*="background"] a, html.skin-theme-clientpref-os td[style*="background"] a,  html.skin-theme-clientpref-os tr[style*="background"] a { color: #333; text-decoration: underline; } html.skin-theme-clientpref-os .wpb-name { background: #333; color: white; } }