MediaWiki:Gadget-DarkMode.css

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

html, body { height: 100%; } @-moz-document url-prefix { html, body { height: auto; } } body.skin-vector { height: auto; background: #000 url(https://kh.wiki.gallery/images/9/92/MonacoBackground.png) repeat !important; } body.skin-timeless #mw-content-container { background-color: #fff !important; background-image: url(https://kh.wiki.gallery/images/timeless-bg-dark.png) !important; } img.whitebg { background: #fff !important; } body:not(.skin-timeless):not(.skin-apioutput), img:not(.invert), canvas, video, .vjs-poster, iframe, #wpTextbox1, #p-logo, .mw-mmv-overlay, .mw-mmv-pre-image, .media-viewer, .image-details, body.skin-monobook #p-personal, body.skin-monobook #p-cactions, .results .list-thumb, .ext-related-articles-card-thumb, .mwe-popups-container, .mwe-popups-extract { filter: invert(1) hue-rotate(180deg); } .toc, .toccolours, #filetoc, pre, .catlinks, #content-bottom-stuff, body:not(.skin-minerva) div.thumbinner, li.gallerybox div.thumb { background: #ccc !important; border-color: #aaa !important; } .mw-highlight .nc, .mw-highlight .nf, .mw-highlight .nn { color: #66f !important; } code { border-color: #ccc !important; background: #aaa !important; } .mw-special-ReplaceText textarea { background: #ccc !important; } .mw-changeslist-legend { border-color: #ccc !important; } .toctitle, fieldset { border-color: #aaa !important; }
 * 1) wpTextbox1 { background: #ccc !important; color: #000 !important; }

/* Fixes */ body #whostaff a { color: #333 !important; } div.thumb div.thumbinner div { color: inherit !important; } body.skin-roundedblue .mw-dismissable-notice, body.skin-roundedblue .td-body, body.skin-roundedblue .td-fbody, body.skin-roundedblue #p-lang { background: #ddd !important; } body.mediawiki table.wikitable th { background-color: #bbb; } body.mediawiki table.wikitable, body.mediawiki table.wikitable td { background: #ccc; }

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

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

/* Site notice */ background: #bbb !important; border-color: #999 !important; }	background: #999 !important; border-color: #aaa !important; }	color: #000 !important; }	color: #000 !important; }
 * 1) localNotice > table {
 * 1) localNotice > table th {
 * 1) localNotice > table th .altcolors {
 * 1) localNotice > table td a span {

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

/* MonoBook */ body.skin-monobook #sidebar > div { background: #ccc !important; } body.skin-monobook #sidebar > div > h3 { filter: invert(1) hue-rotate(180deg); } body.skin-monobook #p-personal .pBody ul { background: #333 !important; border-color: #666 !important; } body.skin-monobook #p-cactions li a { color: #ddd; background: #555 !important; border-color: #333 !important; } body.skin-monobook #p-cactions li a:hover, body.skin-monobook #p-cactions li.selected a:hover { color: #111 !important; background: #aaa !important; border-color: #666 !important; } body.skin-monobook #p-cactions li.selected a { color: #fff !important; background: #222 !important; border-color: #666 !important; } body.skin-monobook #p-personal li a:hover { color: #bbb; }

/* Links */ a.new, .new a, .error, .unpatrolled { color: #f66 !important; } body a, body .content a, body .vector-menu-tabs li a, body .portal .body li a, body #p-cactions li a, body a:hover, body a:visited, body .content a:visited, body .portal .body li a:visited, body a:active, body .content a:active, .toctogglelabel, ul.tabbernav li a { color: #009CFF; }

/* Desktop skins */ color: #333 !important; } body:not(.skin-timeless):not(.skin-roundedblue) #content, #mw-content, .skin-monobook #footer, .mediawiki .mw-prefs-buttons, .suite_tab, .suitediv, .mediawiki .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .dropdown, .sidebar-inner { background-color: #ddd !important; } .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; } } .vector-menu-tabs .selected { background: linear-gradient(to top,#ddd 0,transparent 100%) !important; }
 * 1) content, #content h1, #content h2, #content h3,
 * 2) content h4, #content h5, #content h6 {
 * 1) personal .dropdown::after, .sidebar-inner::before, .sidebar-inner::after,

/* Mobile skins */ body.skin-minerva .page-actions-menu { border-top-color: #bbc0c3 !important; border-bottom-color: #53595d !important; } body.skin-minerva .content .mw-parser-output > h2, body.skin-minerva .content .section-heading { border-color: #53595d !important; }