MediaWiki:Gadget-DarkMode.css

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

@-moz-document url-prefix() {
	html { background: #fff !important; }
	html, body { height: auto; min-height: 100vh; }
	.ve-init-mw-welcomeDialog { display: none !important; }
}
body.mediawiki .videoWidget .gallerybox div.thumb {
	background: #333 !important;
	border-color: #555 !important;
}
body.mediawiki .gallery .gallerybox div.thumb { background: #333; border-color: #555; }
.gallerybox div.thumb, .gallerybox div.thumb > div { filter: invert(1) hue-rotate(180deg); }
.noinvert img.invert, .noinvert img.invert-dark { filter: invert(1) hue-rotate(180deg) !important; }
img.invert, img.invert-dark, img.mwe-math-fallback-image-inline, .noinvert img, .gallery.invert-light a.image {
	filter: none !important;
}
.gallerybox:has(.invert-light) a.image { filter: none !important; }
.gallerybox:has(.invert) a.image, .gallerybox:has(.invert-dark) a.image {
	filter: invert(1) hue-rotate(180deg);
}
html, img, .noinvert, .gallery.invert a.image, .gallery.invert-dark a.image, canvas, audio, video, iframe, #wpTextbox0, #wpTextbox1,
.mw-tmh-player.audio, .mw-tmh-player.video .mw-tmh-play-icon, .mw-tmh-player.video .mw-tmh-label, .vjs-fill .vjs-control-bar,
.mw-mmv-overlay, .mw-mmv-pre-image, .media-viewer, .image-details, .results .list-thumb, .ext-related-articles-card-thumb,
.cdx-thumbnail__image {
	filter: invert(1) hue-rotate(180deg);
}
.mw-mmv-image img.blurred {
	filter: invert(1) hue-rotate(180deg) url("#gaussian-blur") !important;
}
.mwe-popups .mwe-popups-extract { color: #000 !important; }
.mwe-popups-container footer, .mwe-popups-image-pointer::after {
	display: none !important;
}
body.skin-timeless .mw-wiki-logo.timeless-logo img,
body.skin-timeless .mw-wiki-title.wordmark img, body.skin-minerva .branding-box img, .minerva-footer-logo img {
	filter: none !important;
}
.toc, .toccolours, #filetoc, pre, .catlinks, #content-bottom-stuff, body:not(.skin-minerva) div.thumbinner {
	background: #ccc !important;
	border-color: #aaa !important;
}
#file img, .filehistory a img {
	background: url(https://wiki.gallery/images/dark/checker.svg) repeat !important;
}
html div.thumbimage { background-color: #000; }
html .thumbimage { border-color: #2F3237 !important; }
body.skin-timeless .thumbimage { border: 0 !important; }
@media all and (min-width: 851px) {
	body.skin-timeless .thumbimage { margin: 1px !important; }
}
#wpTextbox0 { background: #ddd !important; }
#wpTextbox0 + #wpTextbox1 { background: transparent !important; }
#wpTextbox1 { background: #ccc !important; color: #000 !important; }
.mw-highlight .nc, .mw-highlight .nf, .mw-highlight .nn { color: #66f !important; }
body:not(.skin-timeless) .mw-changeslist-legend { border-color: #ccc; background: none; }
code { border-color: #ccc !important; background: #aaa !important; }
.mw-special-ReplaceText textarea { background: #ccc !important; }
.toctitle, fieldset { border-color: #aaa !important; }

/* Fixes */
.mapIcon, .mapIcon > *,
.gallery .thumb a[href="/File:Super_Smash_Bros._Ultimate_logo.png"],
.page-Category_Games .gallery .thumb a[href="/Super_Smash_Bros._Ultimate"] {
	filter: invert(1) hue-rotate(180deg);
}
body table.wikitable > * > tr:not([bgcolor]) {
	background: #eee;
}
div.thumb .mapContainer {
	background: #eee !important;
}
#siteNotice .pikipediaBox {
	color: #333 !important;
}
#caveripper-wrapper {
	background: #f0eef0 !important;
}
#spoiler {
	border-color: #ccc !important;
}

/* TimedMediaHandler infobox */
.infobox .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon,
.infobox .video-js .vjs-control-bar, .infobox .video-js .vjs-volume-vertical {
	background-color: #1E232C;
}
.infobox .mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon {
	background-color: #24282E;
}

/* Diffs */
.diff-addedline {
	border-color: lightskyblue !important;
}
.diff-addedline .diffchange {
	background: lightskyblue !important;
}
.diff-deletedline {
	border-color: pink !important;
}
.diff-deletedline .diffchange {
	background: pink !important;
}
.diff-context {
	background: #ccc !important;
	border-color: #aaa !important;
}
.mw-plusminus-pos {
	color: #0d0 !important;
}
.mw-plusminus-neg {
	color: #f77 !important;
}

/* Green navboxes */
body.mediawiki .navbox,
body.mediawiki .navbox tr,
body.mediawiki .navbox tr td,
body.mediawiki .navbox tr th,
body.mediawiki .navbox tr th a,
body.mediawiki .navbox font, body.mediawiki .navbox span {
	color: #000 !important;
}
body.mediawiki .navbox {
	background: #eee !important;
	border-color: #aaa !important;
}
body.mediawiki .navbox tr th {
	background: #d8f0db !important;
}
body.mediawiki .navbox tr td {
	background: #eee !important;
}
table.navbox-dark td a:not(.new):not(.selflink) {
	color: #363 !important;
}
table.navbox-dark td a:not(.new):not(.selflink):visited {
	color: #242 !important;
}

/* Links */
a.new, .new a, a.mw-usertoollinks-contribs-no-edits {
	color: #330 !important;
}
.error, .unpatrolled {
	color: #f66 !important;
}

/* Desktop skins */
.content, #content, #content h1, #content h2,
#content h3, #content h4, #content h5, #content h6 {
	color: #333 !important;
}
body.mediawiki:not(.skin-timeless):not(.skin-vector-2022) #content, #mw-content,
#sidebar .pBody, .skin-monobook #footer, .skin-monobook #p-cactions li a, .mediawiki .mw-prefs-buttons,
.mediawiki .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
.dropdown, .sidebar-inner, #p-cactions-mobile li.selected a, #p-cactions-mobile li:hover a {
	background-color: #ddd !important;
}
@media all and (max-width: 550px) {
	body.skin-monobook #p-cactions li a {
		background: none !important;
	}
	body.skin-monobook #sidebar .pBody {
		background: #fff !important;
	}
}
#personal .dropdown::after, .sidebar-inner::before, .sidebar-inner::after,
.sidebar-chunk h2 span::before, .sidebar-chunk h2 span::after {
	border-bottom-color: #ddd !important;
}
@media all and (min-width: 1100px) {
	.sidebar-chunk { background: #ddd !important; }
}
nav.vector-menu-tabs li.selected {
	background: #ddd !important;
}
body.skin-vector-2022 .mw-logo {
	filter: invert(1) hue-rotate(180deg);
}

/* Mobile skins */
body.skin-minerva .page-actions-menu {
	border-top-color: #bbc0c3 !important;
	border-bottom-color: #53595d !important;
}
body.skin-minerva .content .section-heading,
body.skin-minerva .content .mw-parser-output > h2 {
	border-color: #53595d !important;
}
body.skin-minerva.action-history .mw-history-compareselectedversions {
	background-color: #ddd !important;
}
.mw-ui-icon-mf-expand::before {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eexpand%3C/title%3E%3Cpath fill=%22%23333%22 d=%22M17.5 4.75l-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z%22/%3E%3C/svg%3E") !important;
}
body.skin-timeless .tools-inline li.selected a {
	color: #000 !important;
}