User:Cyrus/common.css: Difference between revisions
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 1: | Line 1: | ||
@import url("https://en.wikipedia.org/w/index.php?title=User:Tollens/darkTheme.css&action=raw&bcache=1&maxage=86400&ctype=text/css") screen; /* Backlink: [[User:Tollens/darkTheme.css]] */ | /* | ||
To include this in your own user CSS, add the following to the TOP of | |||
your Special:MyPage/common.css or meta:Special:MyPage/global.css: | |||
@import url("https://en.wikipedia.org/w/index.php?title=User:Tollens/darkTheme.css&action=raw&bcache=1&maxage=86400&ctype=text/css") screen; /* Backlink: [[User:Tollens/darkTheme.css]] */ | |||
/* All @import statements must be at the top of the page, before any other | |||
CSS declarations. | |||
*/ | |||
:root { | |||
--default-text-color: 240, 240, 240; | |||
--default-main-color: 24, 24, 24; | |||
--default-accent-color: 38, 38, 38; | |||
--default-header-background-color: 74, 74, 74; | |||
--default-redlink-color: 255, 51, 51; | |||
--default-important-button-color: 51, 102, 204; | |||
--default-unvisited-link-color: 107, 162, 250; | |||
--default-visited-link-color: 115, 102, 255; | |||
--default-timestamp-link-color: 200, 200, 200; | |||
--default-negative-color: 255, 37, 37; | |||
--default-positive-color: 41, 202, 44; | |||
--default-diff-added-color: 128, 193, 255; | |||
--default-diff-deleted-color: 251, 200, 80; | |||
--default-accented-border-color: 170, 170, 170; | |||
--background-color-interactive-subtle: rgb(var(--accent-color, var(--default-accent-color))); | |||
} | |||
:not( | |||
.legend-color, | |||
.legend-content, | |||
body, | |||
.diffchange, | |||
[role="img"] *, | |||
.vjs-control, | |||
.vjs-control *, | |||
.mw-tmh-player *, | |||
.minerva-icon, | |||
.cdx-table * | |||
) { | |||
box-shadow: none !important; | |||
background-color: transparent !important; | |||
} | |||
* { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
body.mediawiki { | |||
background-image: none !important; | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
body.mediawiki.skin-vector-2022 { | |||
background-color: rgb(var(--main-color, var(--default-main-color))) !important; | |||
} | |||
h1, | |||
h2, | |||
h3, | |||
h4, | |||
h5, | |||
h6 { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
td, | |||
tr { | |||
background: transparent !important; | |||
} | |||
th { | |||
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
ul { | |||
list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="%23ffffff"/></svg>'); | |||
} | |||
.vector-header-container { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
border-bottom: 2px solid rgb(var(--accented-border-color, var(--default-accented-border-color))) !important; | |||
} | |||
.vector-sticky-header { | |||
border: none !important; | |||
} | |||
.vector-menu-portal h3 { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.vector-dropdown-label::after, | |||
.mw-interlanguage-selector::after { | |||
filter: brightness(0) invert(1) !important; | |||
} | |||
.vector-icon { | |||
background-color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.vector-page-toolbar-container { | |||
box-shadow: 0 1px rgb(var(--accented-border-color, var(--default-accented-border-color))) !important; | |||
} | |||
.vector-sticky-pinned-container::after { | |||
background: linear-gradient( | |||
rgba(var(--main-color, var(--default-main-color)), 0), | |||
rgb(var(--main-color, var(--default-main-color))) | |||
) !important; | |||
} | |||
.vector-dropdown-content { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
border: 1px solid rgb(var(--accented-border-color, var(--default-accented-border-color))) !important; | |||
} | |||
.cdx-search-input input, | |||
.cdx-search-input button { | |||
border-width: 2px !important; | |||
} | |||
.uls-menu { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
body.skin-vector-2022 .mw-logo-container { | |||
filter: invert(1) !important; | |||
} | |||
.mw-body { | |||
color: rgb(var(--text-color, var(--default-text-color))); | |||
background-color: rgb(var(--main-color, var(--default-main-color))) !important; | |||
} | |||
#mw-page-base { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
background-image: none; | |||
} | |||
body:not(.skin-vector-2022) #mw-panel { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
body:not(.skin-vector-2022) .vector-menu-tabs li { | |||
background-image: linear-gradient( | |||
to bottom, | |||
rgb(var(--accent-color, var(--default-accent-color))), | |||
rgb(var(--main-color, var(--default-main-color))) | |||
); | |||
} | |||
body:not(.skin-vector-2022) .vector-menu-tabs .selected { | |||
background-image: linear-gradient( | |||
to bottom, | |||
rgb(var(--accent-color, var(--default-accent-color))), | |||
rgb(var(--main-color, var(--default-main-color))) | |||
); | |||
} | |||
body.skin-vector-2022 .vector-menu-tabs .selected span { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.vector-menu-tabs .selected a, | |||
.vector-menu-tabs .selected a:visited { | |||
color: rgb(var(--text-color, var(--default-text-color))); | |||
} | |||
.vector-menu-tabs .new a, | |||
.vector-menu-tabs .new a:visited, | |||
.vector-menu-tabs .new a *, | |||
.vector-menu-tabs .new a:visited * { | |||
color: rgb(var(--redlink-color, var(--default-redlink-color))) !important; | |||
} | |||
a.new:visited, | |||
a.new, | |||
#p-personal a.new, | |||
#p.personal a.new:visited, | |||
a.new:visited *, | |||
a.new * { | |||
color: rgb(var(--redlink-color, var(--default-redlink-color))) !important; | |||
} | |||
.mw-ui-icon::before { | |||
filter: brightness(0) saturate(100%) invert(1) !important; | |||
} | |||
.oo-ui-icon-tray, | |||
.mw-ui-icon-tray::before, | |||
.oo-ui-icon-tray::after, | |||
.oo-ui-icon-bell, | |||
.mw-ui-icon-bell::before, | |||
.oo-ui-icon-bell::after { | |||
filter: invert(1) !important; | |||
} | |||
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, | |||
#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read { | |||
opacity: 1; | |||
} | |||
#editpage-specialchars a { | |||
background-color: rgb(var(--main-color, var(--default-main-color))) !important; | |||
border: none; | |||
} | |||
body:not(.skin-vector-2022) #searchInput { | |||
background-color: rgb(var(--main-color, var(--default-main-color))) !important; | |||
border: 2px solid #a2a9b1; | |||
color: rgb(var(--text-color, var(--default-text-color))); | |||
border-radius: 6px; | |||
} | |||
body.skin-vector-2022 #simpleSearch .cdx-text-input__icon { | |||
background-color: rgb(var(--accented-border-color, var(--default-accented-border-color))) !important; | |||
} | |||
#searchButton { | |||
display: none; | |||
visibility: hidden; | |||
} | |||
.toc, | |||
.toccolours { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.tocnumber { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.infobox th { | |||
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; | |||
} | |||
.infobox th[scope="row"], | |||
.infobox th.infobox-label { | |||
background-color: transparent !important; | |||
} | |||
.infobox-subheader, | |||
.infobox-header { | |||
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; | |||
border: none; | |||
} | |||
.navbox, | |||
.catlinks, | |||
.thumbinner, | |||
table.ambox, | |||
table { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.navbox-list, | |||
table:not( | |||
.box-Multiple_issues, | |||
.box-Citation_style, | |||
.box-Advert, | |||
.box-Underlinked, | |||
.box-POV, | |||
.ambox-protection, | |||
.ambox-move, | |||
.ambox-content, | |||
.ambox-style, | |||
.ambox-delete, | |||
.ambox-speedy, | |||
.ambox-notice | |||
) { | |||
border-color: rgb(var(--accented-border-color, var(--default-accented-border-color))) !important; | |||
} | |||
.navbox th, | |||
.navbox-title, | |||
.navbox-group, | |||
.navbox-abovebelow, | |||
.navbox-subgroup { | |||
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; | |||
} | |||
.navbox-even { | |||
background-color: transparent !important; | |||
} | |||
tr + tr > .navbox-abovebelow, | |||
tr + tr > .navbox-group, | |||
tr + tr > .navbox-image, | |||
tr + tr > .navbox-list { | |||
border-top: 1px solid rgb(var(--text-color, var(--default-text-color))); | |||
} | |||
.wikitable > tr > th, | |||
.wikitable > * > tr > th { | |||
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; | |||
} | |||
.mp-box { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
border-color: rgb(var(--accented-border-color, var(--default-accented-border-color))) !important; | |||
} | |||
.mp-h2 { | |||
background-color: rgb(var(--header-background-color, var(--default-header-background-color))) !important; | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.mw-footer li { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.fmbox, | |||
.tmbox, | |||
.cmbox, | |||
.ambox, | |||
.imbox, | |||
.ombox, | |||
.mbox, | |||
.dmbox, | |||
.asbox, | |||
.sistersitebox, | |||
.wikitable, | |||
.infobox, | |||
.documentation, | |||
.documentation-metadata, | |||
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label, | |||
.client-js .fmbox, | |||
.client-js .tmbox, | |||
.client-js .cmbox, | |||
.client-js .ambox, | |||
.client-js .imbox, | |||
.client-js .ombox, | |||
.client-js .mbox, | |||
.client-js .dmbox, | |||
.client-js .asbox { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.asbox, | |||
.dmbox { | |||
border: 1px solid rgb(var(--text-color, var(--default-text-color))); | |||
} | |||
.mw-advancedSearch-namespace-selection, | |||
.mw-advancedSearch-fieldContainer { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.mw-wiki-logo { | |||
filter: drop-shadow(0 0 1000vw white) !important; | |||
} | |||
.branding-box img, | |||
.minerva-footer-logo img { | |||
content: url(https://upload.wikimedia.org/wikipedia/commons/e/eb/WikilogoText_White.svg) !important; | |||
} | |||
.wikipediauserbox span, | |||
.wikipediauserbox td { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.wikipediauserbox { | |||
border-color: rgb(var(--accented-border-color, var(--default-accented-border-color))) !important; | |||
} | |||
.mwe-math-fallback-image-inline, | |||
.mwe-math-fallback-image-display, | |||
.oo-ui-indicatorElement-indicator, | |||
.oo-ui-iconElement-icon { | |||
filter: brightness(0) invert(1); | |||
} | |||
.oo-ui-menuSelectWidget { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.oo-ui-toolbar-bar, | |||
.oo-ui-toolbar-bar > * { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.oo-ui-toolbar-bar .oo-ui-indicatorElement-indicator, | |||
.oo-ui-toolbar-bar .oo-ui-iconElement-icon { | |||
background-color: transparent !important; | |||
} | |||
.mw-notification, | |||
.mw-notification :not(.oo-ui-iconElement-icon, .oo-ui-indicatorElement-indicator) { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.oo-ui-windowManager-modal > .oo-ui-dialog { | |||
background-color: rgba(var(--accent-color, var(--default-accent-color)), 0.5) !important; | |||
} | |||
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame *:not(a) { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame .oo-ui-iconElement-icon, | |||
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame .oo-ui-indicatorElement-indicator { | |||
background-color: transparent !important; | |||
} | |||
.ve-ui-toolbar-saveButton { | |||
background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important; | |||
} | |||
.ve-ui-toolbar-saveButton * { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important; | |||
} | |||
.oo-ui-processDialog-actions-safe | |||
.oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) | |||
> .oo-ui-buttonElement-button { | |||
background-color: transparent !important; | |||
} | |||
.oo-ui-processDialog-actions-other .oo-ui-labelElement-label { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.oo-ui-processDialog-actions-other .oo-ui-buttonElement-button, | |||
.oo-ui-processDialog-actions-other .oo-ui-buttonElement-button * { | |||
background-color: transparent !important; | |||
} | |||
.oo-ui-windowManager-modal | |||
> .oo-ui-dialog | |||
> .oo-ui-window-frame | |||
.oo-ui-processDialog-actions-primary | |||
.oo-ui-labelElement-label, | |||
.oo-ui-windowManager-modal | |||
> .oo-ui-dialog | |||
> .oo-ui-window-frame | |||
.oo-ui-processDialog-actions-primary | |||
.oo-ui-buttonElement-button { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important; | |||
} | |||
.oo-ui-popupWidget-footer .oo-ui-buttonElement-button { | |||
background-image: none !important; | |||
background: transparent !important; | |||
text-shadow: none !important; | |||
} | |||
#ooui-4 { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
#wpSave { | |||
background-color: rgb(var(--important-button-color, var(--default-important-button-color))) !important; | |||
} | |||
.cx-campaign-contributionsmenu { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.cx-campaign-contributionsmenu *::marker { | |||
filter: brightness(0) saturate(100%) invert(1) !important; | |||
} | |||
.oo-ui-popupWidget-popup { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.oo-ui-popupWidget-anchor { | |||
filter: brightness(0) saturate(100%) invert(1) !important; | |||
} | |||
body:not(.skin-vector-2022) .vector-menu-content-list { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.rt-tooltip { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.rt-tail::after { | |||
background: linear-gradient( | |||
to top right, | |||
rgb(var(--text-color, var(--default-text-color))) 50%, | |||
rgba(0, 0, 0, 0) 50% | |||
); | |||
bottom: 0; | |||
left: 0; | |||
} | |||
.suggestions { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.cnotice, | |||
.centralNotice { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
border: 1px solid #aaaaaa !important; | |||
} | |||
.ambox table.ambox { | |||
border: none !important; | |||
} | |||
.mbox-text-span::marker, | |||
.mbox-text-span { | |||
list-style-image: unset !important; | |||
} | |||
.references-drawer { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
border: 1px solid rgb(var(--text-color, var(--default-text-color))); | |||
} | |||
.image-details { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.overlay { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.overlay.media-viewer { | |||
background: rgb(var(--main-color, var(--default-main-color))) !important; | |||
} | |||
.mw-widget-calendarWidget { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.mw-widget-calendarWidget-header { | |||
border-bottom: 1px solid rgb(var(--text-color, var(--default-text-color))); | |||
} | |||
.mw-widget-calendarWidget-item:hover { | |||
background: rgb(var(--main-color, var(--default-main-color))) !important; | |||
} | |||
.ui-widget { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.ui-widget .ui-widget-header { | |||
background: rgb(var(--main-color, var(--default-main-color))) !important; | |||
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.select2-dropdown--below { | |||
background: rgb(var(--main-color, var(--default-main-color))) !important; | |||
} | |||
.select2-results > ul > li ul > li:hover { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.select2-results { | |||
line-height: 1.7em !important; | |||
} | |||
.submitButtonProxy { | |||
border-radius: 3px; | |||
border: 1px solid; | |||
} | |||
.ui-widget fieldset { | |||
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
#p-personal ul { | |||
padding-left: 0; | |||
} | |||
a, | |||
a > *, | |||
.oo-ui-toolbar-bar > a:visited > * { | |||
color: rgb(var(--unvisited-link-color, var(--default-unvisited-link-color))) !important; | |||
} | |||
a:visited, | |||
a:visited > *, | |||
.oo-ui-toolbar-bar > a:visited > * { | |||
color: rgb(var(--visited-link-color, var(--default-visited-link-color))) !important; | |||
} | |||
.mw-helplink.mw-helplink { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.mw-helplink-icon { | |||
background-color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.diff-addedline .diffchange { | |||
background: rgb(var(--diff-added-color, var(--default-diff-added-color))); | |||
color: black !important; | |||
} | |||
.diff-deletedline .diffchange { | |||
background: rgb(var(--diff-deleted-color, var(--default-diff-deleted-color))); | |||
color: black !important; | |||
} | |||
.keyboard-key { | |||
background-image: none !important; | |||
} | |||
.thumbimage:not(.video-js) { | |||
background-color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.mw-mmv-above-fold { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.mw-mmv-image-metadata { | |||
background-color: rgb(var(--main-color, var(--default-main-color))) !important; | |||
} | |||
.client-js .ambox .ambox-learn-more::before { | |||
background: none !important; | |||
} | |||
#language-settings-dialog { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.uls-sub-panel { | |||
border-top: none !important; | |||
} | |||
.oo-ui-toolGroup-tools { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
#mw-fr-reviewnotice { | |||
margin: 1em; | |||
} | |||
#mw-fr-reviewnotice div { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
#mw-fr-reviewform > fieldset { | |||
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.ace_tooltip, | |||
.ace_search { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.ace-tm .ace_marker-layer .ace_selection { | |||
background-color: #444444 !important; | |||
} | |||
#mw-fr-revisiontag, | |||
#mw-fr-revisiondetails { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
#mw-fr-submit-accept { | |||
background-color: rgb(var(--positive-color, var(--default-positive-color))) !important; | |||
cursor: pointer !important; | |||
} | |||
#mw-fr-submit-reject, | |||
#mw-fr-submit-unaccept { | |||
background-color: rgb(var(--negative-color, var(--default-negative-color))) !important; | |||
cursor: pointer !important; | |||
} | |||
.tipsy-inner { | |||
background-color: rgb(var(--main-color, var(--default-main-color))) !important; | |||
} | |||
#mw-mf-page-left { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.mw-parser-output .task-center-header { | |||
background: transparent !important; | |||
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.mw-parser-output .job-description-title, | |||
.mw-parser-output .job-description-experience { | |||
background: transparent !important; | |||
} | |||
.ext-discussiontools-ui-replyWidget-scrollback-bottom > a, | |||
.ext-discussiontools-ui-replyWidget-scrollback-top > a { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.ve-ui-findAndReplaceDialog-findResult, | |||
.ve-ui-findAndReplaceDialog-findResult-focused { | |||
opacity: 0.4 !important; | |||
} | |||
.ve-ce-surface-selections-findResult-focused > div { | |||
background: #fff21e !important; | |||
} | |||
.ve-ce-surface-selection > div { | |||
background: #1e90ff !important; | |||
} | |||
.oo-ui-pendingElement-pending, | |||
.cdx-lookup--pending { | |||
background-image: linear-gradient( | |||
135deg, | |||
rgb(var(--main-color, var(--default-main-color))) 25%, | |||
transparent 25%, | |||
transparent 50%, | |||
rgb(var(--main-color, var(--default-main-color))) 50%, | |||
rgb(var(--main-color, var(--default-main-color))) 75%, | |||
transparent 75%, | |||
transparent | |||
) !important; | |||
} | |||
.mw-plusminus-pos { | |||
color: rgb(var(--positive-color, var(--default-positive-color))) !important; | |||
} | |||
.mw-plusminus-neg { | |||
color: rgb(var(--negative-color, var(--default-negative-color))) !important; | |||
} | |||
.mw-plusminus-null { | |||
color: #bbbbbb !important; | |||
} | |||
.SCPopupIE, | |||
.SCPopup { | |||
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.ext-growthExperiments-CPopper__popover, | |||
#mentee-filters-form, | |||
.cdx-menu { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.ext-related-articles-card-list h3::after { | |||
background-image: none !important; | |||
} | |||
.ext-related-articles-card-list .ext-related-articles-card { | |||
border: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.toggle-list__list { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
box-shadow: 0 5px 17px 0 rgba(var(--text-color, var(--default-text-color)), 0.2), 0 0 1px #999 !important; | |||
} | |||
.notifications-overlay.navigation-drawer { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
box-shadow: -5px 0 5px 0 rgba(var(--text-color, var(--default-text-color)), 0.35) !important; | |||
border-left: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.header-container.header-chrome { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
border-bottom: 1px solid rgb(var(--text-color, var(--default-text-color))); | |||
box-shadow: 0 0 5px 0 rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.overlay.search-overlay { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.list-thumb-none { | |||
filter: invert() !important; | |||
opacity: 0.85 !important; | |||
} | |||
.overlay-footer-container { | |||
border: none !important; | |||
} | |||
label.mw-ui-icon-with-label-desktop, | |||
a.mw-ui-icon-with-label-desktop, | |||
a.mw-ui-icon-with-label-desktop:visited { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.overlay.overlay-issues { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.vector-menu-dropdown .vector-menu-heading::after { | |||
filter: brightness(0) saturate(100%) invert() !important; | |||
} | |||
.minerva-icon { | |||
filter: brightness(0) saturate(100%) invert(); | |||
} | |||
.minerva-notifications ul { | |||
list-style-image: none !important; | |||
} | |||
.toc-title-icon, | |||
.toc-title-state-icon { | |||
filter: brightness(0) saturate(100%) invert() !important; | |||
} | |||
#mp-topbanner { | |||
background-image: linear-gradient( | |||
to right, | |||
rgb(var(--main-color, var(--default-main-color))) 20%, | |||
70%, | |||
rgba(var(--main-color, var(--default-main-color)), 0), | |||
rgba(var(--main-color, var(--default-main-color)), 0) | |||
), | |||
url("https://upload.wikimedia.org/wikipedia/commons/e/e3/Wikipedia_logo_letters_banner.svg") !important; | |||
background-size: cover !important; | |||
} | |||
#mp-welcomecount { | |||
text-align: left !important; | |||
} | |||
#mp-welcome { | |||
padding-left: 0 !important; | |||
} | |||
.navpopup { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.popup_menu { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.mwe-popups:not(.flipped-y):not(.flipped-x-y) .mwe-popups-container { | |||
border-top: var(--pointer-height) solid rgb(var(--text-color, var(--default-text-color))) !important; | |||
padding-top: 0 !important; | |||
} | |||
.mwe-popups.flipped-y .mwe-popups-container, | |||
.mwe-popups.flipped-x-y .mwe-popups-container { | |||
border-bottom: var(--pointer-height) solid rgb(var(--text-color, var(--default-text-color))) !important; | |||
padding-bottom: 0 !important; | |||
} | |||
.mwe-popups { | |||
border: 1px solid rgb(var(--text-color, var(--default-text-color))); | |||
border-radius: 3px; | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.mwe-popups .mwe-popups-extract[dir="ltr"]::after { | |||
background-image: linear-gradient( | |||
to right, | |||
rgba(var(--accent-color, var(--default-accent-color)), 0), | |||
rgb(var(--accent-color, var(--default-accent-color))) 50% | |||
) !important; | |||
} | |||
.popups-icon { | |||
filter: brightness(0) invert() !important; | |||
} | |||
.mwe-popups-extract * { | |||
color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.cs1-visible-error, | |||
.cs1-visible-error :not(a) { | |||
color: rgb(var(--redlink-color, var(--default-redlink-color))) !important; | |||
} | |||
.mw-mmv-permission-box .mw-mmv-permission-text .mw-mmv-permission-text-fader { | |||
background-image: linear-gradient( | |||
to bottom, | |||
rgba(var(--main-color, var(--default-main-color)), 0) 0%, | |||
rgb(var(--main-color, var(--default-main-color))) 100% | |||
) !important; | |||
} | |||
.mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { | |||
background-image: linear-gradient( | |||
to right, | |||
rgba(var(--accent-color, var(--default-accent-color)), 0) 0%, | |||
rgb(var(--accent-color, var(--default-accent-color))) 100% | |||
) !important; | |||
} | |||
.mw-mmv-title-para .mw-mmv-ttf-ellipsis { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.mw-mmv-stripe-button .cdx-button__icon { | |||
display: none !important; | |||
} | |||
.ve-ui-mwTransclusionOutlineTemplateWidget-sticky { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
border-bottom: 1px solid rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.ve-ui-expandableContent-fade { | |||
background: linear-gradient( | |||
to right, | |||
rgba(var(--accent-color, var(--default-accent-color)), 0) 0, | |||
rgb(var(--accent-color, var(--default-accent-color))) 90% | |||
); | |||
} | |||
.video-js .vjs-control-bar { | |||
background-color: rgba(var(--main-color, var(--default-main-color)), 0.7) !important; | |||
} | |||
.vjs-control > .vjs-slider > .vjs-play-progress > .vjs-time-tooltip, | |||
.vjs-menu-content > .vjs-menu-item.vjs-selected > span { | |||
color: #000 !important; | |||
} | |||
#mw-wikilove-overlay { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.archive-top-result { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.ve-ce-mwReferenceNode span.mw-reflink-text { | |||
color: transparent !important; | |||
} | |||
a.user-blocked-temp, | |||
a.user-blocked-indef { | |||
opacity: 1 !important; | |||
} | |||
.cn-closeButton, | |||
#cnotice-toggle-icon { | |||
filter: invert() !important; | |||
} | |||
#centralNotice, | |||
#centralNotice > * { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.mw-mmv-pre-image .mw-mmv-icon { | |||
background-color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
kbd.button { | |||
background: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
border: 1px solid rgb(var(--accented-border-color, var(--default-accented-border-color))) !important; | |||
} | |||
.ext-discussiontools-init-timestamplink, | |||
.ext-discussiontools-init-timestamplink:visited, | |||
.ext-discussiontools-init-timestamplink:active { | |||
color: rgb(var(--timestamp-link-color, var(--default-timestamp-link-color))) !important; | |||
} | |||
.ext-discussiontools-init-targetcomment { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
border: 1px dashed rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.ext-discussiontools-init-highlight { | |||
mix-blend-mode: lighten !important; | |||
} | |||
div.flaggedrevs_short { | |||
position: unset !important; | |||
} | |||
.cdx-info-chip { | |||
gap: 0 !important; | |||
} | |||
div.flaggedrevs_short, | |||
div.flaggedrevs_short_basic { | |||
flex-wrap: wrap !important; | |||
} | |||
#mw-fr-revisiondetails-wrapper { | |||
width: 100% !important; | |||
} | |||
.flaggedrevs-icon { | |||
filter: invert() !important; | |||
} | |||
#mw-fr-revision-details { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
.cdx-fr-css-icon-review--status--pending { | |||
background-color: rgb(var(--text-color, var(--default-text-color))) !important; | |||
} | |||
.mw-highlight button { | |||
background-color: rgb(var(--accent-color, var(--default-accent-color))) !important; | |||
} | |||
/* ===================== */ | |||
/* Syntax highlighting */ | |||
/* ===================== */ | |||
/* Uses preset colors because otherwise custom formatting might break everything */ | |||
.mw-highlight pre { | |||
background-color: rgb(var(--default-accent-color)) !important; | |||
} | |||
.mw-highlight pre * { | |||
color: rgb(var(--default-text-color)) !important; | |||
} | |||
.mw-content-ltr.mw-highlight-lines pre, | |||
.mw-content-ltr.content .mw-highlight-lines pre { | |||
box-shadow: inset 2.75em 0 0 rgb(47, 47, 47) !important; | |||
} | |||
td.linenos .special, | |||
span.linenos.special { | |||
background-color: rgb(60, 60, 60) !important; | |||
} | |||
.mw-highlight .hll { | |||
background-color: rgb(30, 30, 30) !important; | |||
} | |||
.mw-highlight .c, | |||
.mw-highlight .ch, | |||
.mw-highlight .cm, | |||
.mw-highlight .cpf, | |||
.mw-highlight .c1, | |||
.mw-highlight .cs { | |||
color: #4a8888 !important; | |||
} | |||
.mw-highlight .k, | |||
.mw-highlight .kc, | |||
.mw-highlight .kd, | |||
.mw-highlight .kn, | |||
.mw-highlight .kp, | |||
.mw-highlight .kr, | |||
.mw-highlight .nb, | |||
.mw-highlight .nt, | |||
.mw-highlight .sx, | |||
.mw-highlight .bp { | |||
color: #008000 !important; | |||
} | |||
.mw-highlight .s, | |||
.mw-highlight .sa, | |||
.mw-highlight .sb, | |||
.mw-highlight .sc, | |||
.mw-highlight .sd, | |||
.mw-highlight .sh, | |||
.mw-highlight .dl, | |||
.mw-highlight .s1, | |||
.mw-highlight .s2 { | |||
color: #c84848 !important; | |||
} | |||
.mw-highlight .o, | |||
.mw-highlight .m, | |||
.mw-highlight .mb, | |||
.mw-highlight .mf, | |||
.mw-highlight .mh, | |||
.mw-highlight .mi, | |||
.mw-highlight .mo, | |||
.mw-highlight .il { | |||
color: #d0d0ff !important; | |||
} | |||
.mw-highlight .nd, | |||
.mw-highlight .ow { | |||
color: #cf41f7 !important; | |||
} | |||
.mw-highlight .si, | |||
.mw-highlight .sr { | |||
color: #ff4b92 !important; | |||
} | |||
.mw-highlight .nc, | |||
.mw-highlight .nf, | |||
.mw-highlight .nn, | |||
.mw-highlight .fm { | |||
color: #7c7cff !important; | |||
} | |||
.mw-highlight .kt { | |||
color: #e1ff8f !important; | |||
} | |||
.mw-highlight .na { | |||
color: #9ec200 !important; | |||
} | |||
.mw-highlight .cp { | |||
color: #ff8f00 !important; | |||
} | |||
.mw-highlight .no { | |||
color: #dd0000 !important; | |||
} | |||
.mw-highlight .nv, | |||
.mw-highlight .ss, | |||
.mw-highlight .vc, | |||
.mw-highlight .vg, | |||
.mw-highlight .vi, | |||
.mw-highlight .vm { | |||
color: #8d8cb5 !important; | |||
} | |||
.mw-highlight .gd, | |||
.mw-highlight .gr, | |||
.mw-highlight .ne { | |||
color: #ff0000 !important; | |||
} | |||
.mw-highlight .gi { | |||
color: #00a800 !important; | |||
} | |||
.mw-highlight .gu { | |||
color: #ff00ff !important; | |||
} | |||
.mw-highlight .gh, | |||
.mw-highlight .gp { | |||
color: #4b91ff !important; | |||
} | |||
.mw-highlight .gt { | |||
color: #1960ff !important; | |||
} | |||
.mw-highlight .nl { | |||
color: #ffff00 !important; | |||
} | |||
.mw-highlight .go, | |||
.mw-highlight .ni { | |||
color: #bbbbbb !important; | |||
} | |||
.mw-highlight .se { | |||
color: #ff3c00 !important; | |||
} | |||