User:Babr/dark-mode-styles.css
Note: You may have to bypass your browser’s cache to see the changes. In addition, after saving a sitewide CSS file such as MediaWiki:Common.css, it will take 5-10 minutes before the changes take effect, even if you clear your cache.
- Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh);
- Konqueror and Chrome: click Reload or press F5;
- Opera: clear the cache in Tools → Preferences;
- Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.
- This user stylesheet lacks a documentation subpage. Please create it.
- Useful links: root page • root page’s subpages • links • redirects • your own
@import "/w/index.php?title=User:Babr/Palette.css&action=raw&ctype=text/css";
/*
--------------------------------------------------------------------------------------------------
- -
- -
- dark mode color styles -
- -
- -
--------------------------------------------------------------------------------------------------
*/
/* "color codes" are defined at [[User:Babr/Palette.css]] */
/* Use of !important is just for testing due to color corrections built into vector,
Ioaxxere has been discussing with MediaWiki people to remove the color corrections so
they will be temporary */
/* Numberboxes, should be in a local CSS page */
.number-box,
.number-box .form-slot,
.number-box .current-slot,
.number-box .table-cell.current-number,
.number-box .table-cell {
background: var(--wikt-numbox-white) !important;
color: var(--wikt-palette-black) !important;
}
.number-box .adjacent-slot,
.number-box .adjacent-panel,
.number-box .footer-slot,
.number-box .table-cell.adjacent-number,
.number-box .table-cell.footer-cell {
background: var(--wikt-numbox-grey) !important;
}
/* Wikipedia & "This template uses lua" boxes */
.interproject-box,
.notice-box {
background: var(--wikt-palette-paleblue) !important;
}
.maintenance-box,
.request-box,
.templatequote {
color: black;
}
.translations-cell {
/*background-color: #E5DFC2 !important;*/
color: black;
}
/* [[Module:columns]] */
.term-list,
.derivedterms {
background: var(--wikt-palette-blue);
color: var(--wikt-palette-text);
}
/* NavHead */
div.NavFrame div.NavHead,
details.NavFrame summary.NavHead {
background: var(--wikt-palette-lightgrey);
}
div.NavFrame div.NavHead:hover,
details.NavFrame summary.NavHead:hover{
background: var(--wikt-palette-lightergrey);
}
.Arab.e-example b, .Arab.e-quotation b, .Arab.e-normalization b,
.Hebr.e-example b, .Hebr.e-quotation b, .Hebr.e-normalization b,
.Ogam.e-example b, .Ogam.e-quotation b, .Ogam.e-normalization b,
.Ugar.e-example b, .Ugar.e-quotation b, .Ugar.e-normalization b,
.Xpeo.e-example b, .Xpeo.e-quotation b, .Xpeo.e-normalization b,
.Xsux.e-example b, .Xsux.e-quotation b, .Xsux.e-normalization b{
background: var(--wikt-palette-pink);
}
/* Override style added by Vector */
.skin-theme-clientpref-night .mw-parser-output.mw-parser-output [style*='background'] {
color: var(--color-base, #202122);
}