MediaWiki:Gadget-DarkMode.css: Difference between revisions

m
no edit summary
No edit summary
mNo edit summary
 
(25 intermediate revisions by the same user not shown)
Line 7: Line 7:
}
}
body.mediawiki .gallery.blackbg div.thumb { background: #fff !important; }
body.mediawiki .gallery.blackbg div.thumb { background: #fff !important; }
body.mediawiki .gallerybox:has(.blackbg) div.thumb { background: #fff !important; }
body.mediawiki .gallery.graybg div.thumb, body.mediawiki .gallery.greybg div.thumb {
body.mediawiki .gallery.graybg div.thumb, body.mediawiki .gallery.greybg div.thumb {
background: #808080 !important;
background: #808080 !important;
}
}
.noinvert img, img.invert-light { filter: none !important; }
body.mediawiki .gallerybox:has(.graybg) div.thumb, body.mediawiki .gallerybox:has(.greybg) div.thumb {
background: #808080 !important;
}
img.whitebg, .gallery.whitebg img { background: #fff !important; }
img.whitebg, .gallery.whitebg img { background: #fff !important; }
.noinvert img.invert { filter: invert(1) hue-rotate(180deg) !important; }
.noinvert img.invert, .noinvert img.invert-dark, .noinvert img.invert-all, .noinvert img.invert-both {
body.skin-vector {
filter: invert(1) hue-rotate(180deg) !important;
background: #000 url(https://kh.wiki.gallery/images/9/92/MonacoBackground.png) repeat !important;
}
img.invert, img.invert-dark, img.invert-all, img.invert-both,
img.mwe-math-fallback-image-inline, .noinvert img, .gallery.invert-light a.image {
filter: none !important;
}
}
body.skin-timeless #mw-content-container {
.gallerybox:has(.invert-light) a.image { filter: none !important; }
background-color: #fff !important;
.gallerybox:has(.invert) a.image, .gallerybox:has(.invert-dark) a.image {
background-image: url(https://kh.wiki.gallery/images/timeless-bg-dark.png) !important;
filter: invert(1) hue-rotate(180deg);
}
}
body:not(.skin-timeless):not(.skin-apioutput),
body:not(.skin-timeless):not(.skin-apioutput),
.noinvert, .gallery.invert a.image, img:not(.invert), canvas, audio, video, iframe, #wpTextbox0, #wpTextbox1, #p-logo,
img, .noinvert, .gallery.invert a.image, .gallery.invert-dark a.image, canvas, audio, video, iframe, #wpTextbox0, #wpTextbox1, #p-logo,
.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,
.mw-mmv-overlay, .mw-mmv-pre-image, .media-viewer, .image-details, .results .list-thumb, .ext-related-articles-card-thumb,
body.skin-monobook #p-personal, body.skin-monobook #p-cactions {
body.skin-monobook #p-personal, body.skin-monobook #p-cactions {
Line 36: Line 43:
filter: none !important;
filter: none !important;
}
}
body.skin-timeless #mw-content-container {
background-color: #fff !important;
background-image: url(https://kh.wiki.gallery/images/timeless-bg-dark.png) !important;
}
body.skin-vector:not(.skin-vector-2022) {
background: #000 url(https://kh.wiki.gallery/images/9/92/MonacoBackground.png) repeat !important;
}
body.skin-vector-2022 { background: #040506 !important; }
.toc, .toccolours, #filetoc, pre, .catlinks, #content-bottom-stuff,
.toc, .toccolours, #filetoc, pre, .catlinks, #content-bottom-stuff,
body:not(.skin-minerva) div.thumbinner, body.mediawiki .gallerybox div.thumb {
body:not(.skin-minerva) div.thumbinner, body.mediawiki .gallerybox div.thumb {
Line 46: Line 61:
html div.thumbimage { background-color: #000; }
html div.thumbimage { background-color: #000; }
body.skin-timeless .thumbimage { border: 0 !important; }
body.skin-timeless .thumbimage { border: 0 !important; }
html img.thumbimage { border-color: #2F3237 !important; }
@media all and (min-width: 851px) {
@media all and (min-width: 851px) {
body.skin-timeless .thumbimage { margin: 1px !important; }
body.skin-timeless .thumbimage { margin: 1px !important; }
Line 61: Line 77:
body #whostaff a {
body #whostaff a {
color: #333 !important;
color: #333 !important;
}
div.thumb div.thumbinner div {
color: inherit !important;
}
}
.scroll-container {
.scroll-container {
filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
div.thumb div.thumbinner div.thumbcaption {
color: inherit !important;
}
}
body.skin-roundedblue #bodyContentInnerWrapper a,
body.skin-roundedblue #bodyContentInnerWrapper a,
Line 77: Line 93:
background: #ddd !important;
background: #ddd !important;
}
}
body.mediawiki table.wikitable th {
body table.wikitable > * > tr > th {
background-color: #bbb;
background-color: #bbb;
}
}
body.mediawiki table.wikitable,
body table.wikitable > * > tr:not([bgcolor]) {
body.mediawiki table.wikitable td {
background: #ccc;
background: #ccc;
}
.notice {
border-color: #999 !important;
}
/* TimedMediaHandler infobox/tabber */
.infobox .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon,
.infobox .video-js .vjs-control-bar, .infobox .video-js .vjs-volume-vertical,
.tabber.goright .video-js .vjs-control-bar, .tabber.goright .video-js .vjs-volume-vertical,
.tabber.goright .mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {
background-color: #1E232C;
}
.infobox .mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon,
.tabber.goright .mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon {
background-color: #24282E;
}
}


Line 232: Line 262:
body .portal .body li a, html body.mediawiki #p-cactions li a, body a:hover,
body .portal .body li a, html body.mediawiki #p-cactions li a, body a:hover,
body a:visited, body a:visited:hover, body .content a:visited, body .portal .body li a:visited,
body a:visited, body a:visited:hover, body .content a:visited, body .portal .body li a:visited,
body a:active, body .content a:active, .toctogglelabel, ul.tabbernav li a {
body a:active, body .content a:active, .toctogglelabel,
.mw-special-CheckUser .mw-checkuser-paging-links {
color: #009CFF;
color: #009CFF;
}
}