MediaWiki:Gadget-DarkMode.css: Difference between revisions

m
no edit summary
No edit summary
mNo edit summary
(60 intermediate revisions by the same user not shown)
Line 6: Line 6:
.ve-init-mw-welcomeDialog { display: none !important; }
.ve-init-mw-welcomeDialog { display: none !important; }
}
}
.noinvert img, img.invert-light { filter: none !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 {
background: #808080 !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 {
html, .noinvert, .gallery.invert a.image, img:not(.invert), canvas, audio, video, .vjs-poster, iframe, #wpTextbox1, #p-logo,
filter: invert(1) hue-rotate(180deg) !important;
.mw-mmv-overlay, .mw-mmv-pre-image, .media-viewer, .image-details, .results .list-thumb, .ext-related-articles-card-thumb,
}
.mwe-popups-container, .mwe-popups-extract {
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;
}
.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, #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 {
filter: invert(1) hue-rotate(180deg);
filter: invert(1) hue-rotate(180deg);
}
}
Line 17: Line 34:
filter: invert(1) hue-rotate(180deg) url("#gaussian-blur") !important;
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 {
.mwe-popups-container footer, .mwe-popups-image-pointer::after {
display: none !important;
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,
.toc, .toccolours, #filetoc, pre, .catlinks, #content-bottom-stuff,
Line 25: Line 47:
border-color: #aaa !important;
border-color: #aaa !important;
}
}
.filehistory a img, #file img {
#file img, .filehistory a img {
background: url(https://mario.wiki.gallery/images/checker-dark.png) repeat !important;
background: url(https://wiki.gallery/images/dark/checker.svg) repeat !important;
}
}
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; }
}
}
#wpTextbox0 { background: #ddd !important; }
#wpTextbox0 + #wpTextbox1 { background: transparent !important; }
#wpTextbox1 { background: #ccc !important; color: #000 !important; }
#wpTextbox1 { background: #ccc !important; color: #000 !important; }
.mw-highlight .nc, .mw-highlight .nf, .mw-highlight .nn { color: #66f !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; }
code { border-color: #ccc !important; background: #aaa !important; }
.mw-special-ReplaceText textarea { background: #ccc !important; }
.mw-special-ReplaceText textarea { background: #ccc !important; }
.mw-changeslist-legend { border-color: #ccc !important; }
.toctitle, fieldset { border-color: #aaa !important; }
.toctitle, fieldset { border-color: #aaa !important; }


Line 68: Line 93:
color: 00f !important;
color: 00f !important;
}
}
body.mediawiki table.wikitable th {
body table.wikitable > * > tr > * {
border-color: #a2a9b1 !important;
}
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;
}
td[style*="background:#000"], td[style*="background: #000"],
td[style*="background:black"], td[style*="background: black"],
td[style*="background-color:#000"], td[style*="background-color: #000"],
td[style*="background-color:black"], td[style*="background-color: black"] {
background: #fff !important;
}
}
#pgod {
#pgod {
color: #000 !important;
color: #000 !important;
background: #fff !important;
background: #fff !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;
}
}


Line 171: Line 213:
.mainpagebox h2 span {
.mainpagebox h2 span {
color: #fff !important;
color: #fff !important;
}
.mainpage-image-wrapper {
background: #000 !important;
}
}
.pds-answer-feedback .pds-answer-feedback-bar {
.pds-answer-feedback .pds-answer-feedback-bar {
Line 200: Line 245:


/* Links */
/* Links */
a.new, .new a, .error, .unpatrolled {
a.new, .new a, a.mw-usertoollinks-contribs-no-edits, .error, .unpatrolled {
color: #f66 !important;
color: #f66 !important;
}
.vector-menu-portal .vector-menu-content li a {
color: #009CFF !important;
}
}
body a, body .content a, body .vector-menu-tabs li a,
body a, body .content a, body .vector-menu-tabs li a,
body .portal .body li a, html body.mediawiki #p-cactions li a,
body .portal .body li a, html body.mediawiki #p-cactions li a, body a:hover,
body a:hover, body a:visited, 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, body .mw-parser-output span.fakelink,
body .mw-parser-output span.fakelink, body .notice-template.maintenance#delete a:not(.new),
body .notice-template.maintenance#delete a:not(.new) {
body a:active, body .content a:active, .toctogglelabel,
.mw-special-CheckUser .mw-checkuser-paging-links {
color: #009CFF;
color: #009CFF;
}
}
Line 216: Line 265:
color: #333 !important;
color: #333 !important;
}
}
body.mediawiki:not(.skin-timeless) #content, #mw-content, #sidebar .pBody,
body.mediawiki:not(.skin-timeless):not(.skin-vector-2022) #content, #mw-content,
.skin-monobook #footer, .skin-monobook #p-cactions li a, .mediawiki .mw-prefs-buttons,
#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,
.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 {
.dropdown, .sidebar-inner, #p-cactions-mobile li.selected a, #p-cactions-mobile li:hover a {
Line 223: Line 272:
}
}
@media all and (max-width: 550px) {
@media all and (max-width: 550px) {
body.skin-monobook #p-cactions li a, body.skin-monobook #sidebar .pBody {
body.skin-monobook #p-cactions li a {
background: none !important;
background: none !important;
}
body.skin-monobook #sidebar .pBody {
background: #fff !important;
}
}
}
}
Line 234: Line 286:
.sidebar-chunk { background: #ddd !important; }
.sidebar-chunk { background: #ddd !important; }
}
}
.vector-menu-tabs .selected {
body:not(.skin-vector-2022) .vector-menu-tabs .selected {
background: linear-gradient(to top,#ddd 0,transparent 100%) !important;
background: linear-gradient(to top,#ddd 0,transparent 100%) !important;
}
html img.thumbimage {
border-color: #2F3237 !important;
}
}


Line 246: Line 295:
border-bottom-color: #53595d !important;
border-bottom-color: #53595d !important;
}
}
body.skin-minerva .content .mw-parser-output > h2,
body.skin-minerva .content .section-heading,
body.skin-minerva .content .section-heading {
body.skin-minerva .content .mw-body-content > h2,
body.skin-minerva .content .mw-parser-output > h2 {
border-color: #53595d !important;
border-color: #53595d !important;
}
}
Line 255: Line 305:
.mw-ui-icon-mf-expand::before {
.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;
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;
}
}
body.skin-timeless #mw-header-container, body.skin-timeless #mw-header-nav-hack,
body.skin-timeless #mw-header-container, body.skin-timeless #mw-header-nav-hack,
Line 261: Line 314:
background: #666 !important;
background: #666 !important;
}
}
body.mediawiki.skin-minerva h2.list-header, body.skin-minerva .last-modified-bar,
body.skin-minerva #content .mw-index-pager-list-header,
body.skin-minerva .last-modified-bar.active, body.mediawiki.skin-minerva form.mw-mf-settings #beta-field::before {
body.skin-minerva .last-modified-bar, body.skin-minerva .last-modified-bar.active {
background: #777 !important;
background: #777 !important;
}
}
body.mediawiki.skin-minerva form.mw-mf-settings .oo-ui-fieldLayout,
body.skin-minerva .mw-mf-watchlist-selector li.selected a, body.skin-minerva form.mw-mf-settings .oo-ui-fieldLayout,
body.skin-minerva .minerva-footer, body.skin-minerva .last-modified-bar, body.skin-minerva footer > .post-content > h2 {
body.skin-minerva .minerva-footer, body.skin-minerva .last-modified-bar, body.skin-minerva .post-content .minerva-footer-logo {
border-color: #888 !important;
border-color: #888 !important;
}
body.mobile h2.list-header,
body.skin-minerva form.mw-mf-settings #beta-field::before {
background: #888 !important;
}
}
.client-nojs body.skin-minerva .search-box .search:focus,
.client-nojs body.skin-minerva .search-box .search:focus,