/* ==UserStyle==
@name Wikipedia Dark
@namespace StylishThemes
@version 2.2.0
@description Wikipedia Dark theme
@author StylishThemes
@homepageURL https://github.com/StylishThemes/Wikipedia-Dark
@supportURL https://github.com/StylishThemes/Wikipedia-Dark/issues
@updateURL https://raw.githubusercontent.com/StylishThemes/Wikipedia-Dark/master/wikipedia-dark.user.css
@license CC-BY-SA-4.0
@advanced color base-color "Base color" #4183C4
@advanced color visited-color "Visited color" #295887
@advanced dropdown bg-selected "Background image" {
dft "Default" <<<EOT url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUaGhohISElJSUh9lebAAAB20lEQVRIx4XWuZXDMAwE0C0SAQtggIIYoAAEU+aKOHhYojTrYP2+QfOW/5QIJOih/q8HwF/pb3EX+UPIveYcQGgEHiu9hI+ihEc5Jz5KBIlRRRaJ1JtoSAl5Hw96hLB1/up1tnIXOck5jZQy+3iU2hAOKSH1JvwxHsp+5TLF5MOl1/MQXsVs1miXc+KDbYydyMeUgpPQreZ7fWidbNhkXNJSeAhc6qHmHD8AYovunYyEACWEbyIhNeB9fRrH3hFi0bGPLuEW7xCNaohw1vAlS805nfsrTspclB/hVdoqusg53eH7FWot+wjYpOViX8KbFFKTwlnzvj65P9H/vD0/hibYBGhPwlPO8TmxRsaxsNnrUmUXpNhirlJMPr6Hqq9k5Xn/8iYQHYIuQsWFC6Z87IOxLxHphSY4SpuiU87xJnJr5axfeRd+lnMExXpEWPpuZ1v7qZdNBOjiHzDREHX5fs5Zz9p6X0vVKbKKchlSl5rv+3p//FJ/PYvoKryI8vs+2G9lzRmnEKkh+BU8yDk515jDj/HAswu7CCz6U/Mxb/PnC9N41ndpU4hUU7JGk/C9PmP/M2xZYdvBW2PObyf1IUiIzoHmHW9yTncliYs9A9tVNppdShfgQaTLMf+j3X723tLeHgAAAABJRU5ErkJggg==) EOT;
cst "Custom" <<<EOT
var(--bg-custom, none) EOT;
nbg "None" <<<EOT
none EOT;
}
@advanced text bg-custom "Custom Background; include url()" "url()"
@advanced dropdown bg-options "Background image type" {
Tiled "Tiled" <<<EOT
background-repeat: repeat !important;
background-size: auto !important;
background-position: left top !important; EOT;
Fit "Fit Window" <<<EOT
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center top !important; EOT;
}
@advanced dropdown bg-attachment "Background image attachment" {
Scroll "Scroll" <<<EOT
scroll EOT;
Fixed "Fixed" <<<EOT
fixed EOT;
}
@preprocessor uso
==/UserStyle== */
@-moz-document regexp("https?:\\/\\/([\\w\\-]{2,}\\.(wiki(pedia|books|news|quote|source|versity|voyage)|wiktionary)|www\\.(mediawiki|wiki(data|dot))|(meta|commons|otrs-wiki|species|wikitech)\\.wikimedia)\\.org\\/.+"), domain("wiki.rpcs3.net") {
/* Modified from https://userstyles.org/styles/47161/dark-wikipedia-rounded */
:root {
--base-color: /*[[base-color]]*/;
--base-color-8: rgba(/*[[base-color-rgb]]*/, .8);
--visited-color: /*[[visited-color]]*/;
--bg-custom: /*[[bg-custom]]*/;
--bg-selected: /*[[bg-selected]]*/;
--bg-attachment: /*[[bg-attachment]]*/;
--gray-1: #111;
--gray-2: #222;
--gray-3: #333;
--gray-4: #444;
--gray-5: #555;
--gray-7: #777;
--gray-a: #aaa;
--gray-c: #ccc;
--gray-d: #ddd;
--gray-e: #eee;
--white: #fff;
--gray-18: #181818;
--gray-28: #282828;
--gray-2f: #2f4f4f;
--gray-69: #696969;
--gray-9a: #9a9a9a;
--gray-b9: #b9b9b9;
--gray-bc: #bcbcbc;
--blue-1: #36c;
--blue-2: #182030;
--blue-3: #212c43;
--red-1: #c22;
--red-2: #d33;
--red-3: #722;
--red-4: #ff4242;
--green-1: #390;
--green-2: #165316;
--green-3: #061;
--green-4: #002800;
--brown-1: #321;
--brown-2: #542;
--brown-3: #261d08;
--yellow-1: #b28200;
--orange-1: #e53e00;
--orange-2: #e08b26;
--purple-1: #382b4a;
}
/* transparent background */
div, span:not(.legend-color):not([class*="wikEd"]):not([style*="background"]),
.MainPageBG, .navbox-list, div#mw-head, .mw-wsmfinal-content, .mw-body-content,
.referencetooltip > li + li, div.vectorTabs ul li,
tr[style*="background:#F5FFFA" i], th[style*="background-color: #fff" i],
.mw-echo-notifications-badge, .ext-cards-card-list .ext-cards-card,
.infobox span.plainlinks *, .tracklist,
blockquote[style*="background-color: white" i], .ns-0 ul, .ns-0 ol li,
table.flextable, table.flextable .invisible, table#noarticletext,
table#noarticletext table, .metadata.plainlinks.stub,
div#mw-content-text div.mw-parser-output h2:not([id^="mp-"]) {
background-color: transparent !important;
}
.lang-list-button {
outline-color: transparent !important;
}
/*** Overall ***/
td, p, li, th:not([style*="background"]), caption, div,
span:not([class*="color"]):not([class*="wikEd"]):not([style*="background"]):not([class*="oo-ui-labelElement-label"]),
p code, label code, dl code, .oo-ui-widget div, .oo-ui-widget label,
#pagehistory li.selected, #mwe-popups-settings main form label,
#pt-anonuserpage, .oo-ui-textInputWidget .oo-ui-inputWidget-input,
.oo-ui-messageDialog-title, .oo-ui-messageDialog-message,
.mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label, .mw-mmv-image-desc {
color: var(--gray-9a);
}
body, h1, h2, h3, h4, h5, h6, #footer li, .infobox th[style*="background"],
div[style*="color"], input[type="search"], input[type="submit"],
.oo-ui-buttonElement-button, .oo-ui-buttonElement-button:hover,
input[type="number"], select, .suggestions-result, input,
.central-featured-lang .link-box em, .central-featured-lang .link-box small,
div.flaggedrevs_preview, div.plainlinks, .wikipediauserbox td {
color: var(--gray-9a) !important;
}
a, .CategoryTreeToggle, #toc a, #toc a span, body .ui-button, .toctogglelabel {
color: var(--base-color) !important;
}
a:visited, #toc a:visited, #toc a:visited span,
.vectorTabs li.new:not(.selected) a:visited {
color: var(--visited-color) !important;
}
legend .oo-ui-labelElement-label, .cnotice-message p,
#mwe-popups-settings header h1, #mwe-popups-settings main form label > span,
.mwe-popups-settings-help p, font[color="black"] {
color: var(--gray-d) !important;
}
a:hover, a:hover span:not(.oo-ui-labelElement-label), #toc a:hover,
#toc a:hover span, .suggestions-result .highlight,
.suggestions-special .special-query {
color: var(--white) !important;
}
div[class*="mw-echo-ui"], span[class*="mw-echo-ui"] {
background-color: inherit !important;
}
div.mw-echo-ui-toggleReadCircleButtonWidget-circle {
background-color: var(--gray-7) !important;
}
.mw-echo-ui-toggleReadCircleButtonWidget-circle.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
background-color: transparent !important;
border: 1px solid var(--gray-7);
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
background-color: var(--gray-69) !important;
}
.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
background-color: var(--gray-2f) !important;
}
.mw-collapsible:not([class*="navbox-"]):not([class*="wpb"]) th {
background-color: var(--gray-3) !important;
}
.mw-collapsible:not([class*="navbox-"]) td:not([class*="mbox-"]) {
background-color: var(--gray-2) !important;
}
.oo-ui-toolbar-bar, .oo-ui-window-head, .oo-ui-window-foot,
.oo-ui-popupToolGroup-tools, #language-settings-dialog {
background: var(--gray-2) !important;
}
table.diff, td.diff-otitle, td.diff-ntitle,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active:focus,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
background-color: var(--gray-3);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span {
background-color: var(--blue-1) !important;
filter: none !important;
}
.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: var(--gray-7);
}
/* text selection */
::selection, ::-moz-selection {
background-color: var(--base-color) !important;
color: var(--white) !important;
}
.mw-plusminus-pos {
color: var(--green-1) !important;
}
/*** Red links (non-existant pages) ***/
div.vectorTabs li.new:not(.selected) a, .mw-plusminus-neg, a.new,
#p-personal a.new {
color: var(--red-1) !important;
}
/*** Background ***/
html, body {
background-color: var(--gray-2) !important;
background-image: var(--bg-selected) !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-attachment: var(--bg-attachment) !important;
/*[[bg-options]]*/
}
.mw-ui-button, .mw-ui-button *, button[type="submit"],
.pure-button-primary-progressive,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.mw-ui-button.mw-ui-progressive {
background-color: var(--base-color) !important;
border-color: transparent !important;
color: var(--white) !important;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
background-color: transparent !important;
border-color: transparent !important;
color: var(--red-2) !important;
}
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link,
.oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
background-color: var(--gray-7);
}
.mw-ui-button.mw-ui-progressive:hover, .pure-button-primary-progressive:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.mw-ui-button.mw-ui-progressive:hover {
background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)) !important;
}
#mw-page-base, div.vectorTabs, div.vectorTabs *, .wikiEditor-ui-toolbar,
#p-cactions-label, .client-js #preftoc, .client-js #preftoc li,
.client-js #preftoc li.selected a, .ui-widget-content,
.ext-cards-card-list h3:after, #simpleSearch, .mw-mmv-ttf-ellipsis:before,
.mw-advancedSearch-fieldContainer {
background-image: none !important;
}
.wpb .portal ul, .boilerplate .pullquote, .module-shortcutboxplain,
.mw-trackedTemplate {
background-color: var(--gray-3) !important;
}
.mw-body-content .portal, .sistersitebox, .boilerplate, .NavFrame, .divbox {
background-color: var(--gray-2) !important;
}
/* fading linear gradient */
.mwe-popups-extract:after {
background-image: linear-gradient(to right, rgb(34, 34, 34, 0), rgb(34, 34, 34, 1) 50%) !important;
}
.ui-widget-overlay {
background: rgba(0, 0, 0, .8) !important;
}
.mw-body-content pre, .mw-body-content code, span.plainlinks,
td[style*="border-bottom: 1px solid #eee; background-color:#ffffff"] {
background-color: var(--gray-1) !important;
border-color: var(--gray-5) !important;
color: var(--gray-b9) !important;
}
td[style*="background:#FFFFFF" i], .jfk-bubble, .navpopup,
.popup_drop:hover .popup_menu, .popup_drop .popup_menu:hover,
td[style*="background:#f5fffa"] {
background-color: var(--gray-18) !important;
}
table, input, button, select, textarea:not([class*="mw-editfont"]),
tr[style*="background: antiquewhite" i], #toc, td[style*="background-color"],
td[style*="background:#F5FAFF" i],
#mw-content-text div[style*="background: #"], .vevent td, .referencetooltip li,
.suggestions, .mw-ui-button[style*="background"],
.mw-ui-button[style*="background"] *, .wikiEditor-ui, .mw-search-results li,
table.navbox.collapsible tr:nth-child(2) > td, div.menu, ul.menu,
.oo-ui-popupWidget-popup, .oo-ui-buttonElement-button, .mw-notification,
.mwe-popups, .mwe-popups-is-not-tall, .mwe-popups-is-tall, .ui-widget-content,
.oo-ui-window-body, #pagehistory li.selected, .tracklist tr,
.mw-searchresults-has-iw .iw-resultset, .cx-callout-content, .oo-ui-widget,
tr[style*="background:#f2f2f2" i], th[style*="background:#EDF1F1" i],
td[style*="background:#EDF1F1" i], tr[style*="background-color:white" i],
tr[style*="background:#f9f9f9" i], td[bgcolor="#FFFFFF" i],
tr[style*="background:#ddd" i], td[style*="background: #F2F2F2" i],
tr[style*="background-color:#F2F2F2" i],
tr[style*="background-color:#FFF5EE" i], tr[bgcolor="FFF5EE" i],
td[bgcolor="FFF5EE" i],
.wikitable.charts-zebragrey > tbody > tr:nth-of-type(odd),
td > span[style*="background-color:#eee" i],
#mw-content-text div:not(.toctitle) > h2, table.flextable th,
tr[style*="background-color:#FFF" i], td[style*="background:#eee" i],
#mw-searchoptions, .mw-advancedSearch-namespace-selection,
td[style*="background:#fff2e6" i], td[style*="background:#F9F9F0"],
td[style*="background:#F4F9F0"], td[style*="background:#F9F0F0"],
td[style*="background:#f0f0f0"], #mwe-popups-settings,
th[style*="border-bottom: 1px solid #eee; background-color:#ffffff;"] {
background-color: var(--gray-2) !important;
}
body .ui-button {
background: var(--gray-28) !important;
border-color: var(--gray-5) !important;
}
table[style*="background-color:#fff;" i], .search-form fieldset, table.ambox,
tr[style*="background-color: #fff;" i],
.mw-ui-button[style*="background-color:#008B6D" i],
tr[style*="background-color: #f5faff;" i], tr[style*="background:#E9E9E9" i],
th[style*="background:#E9E9E9" i],
table.infobox.hproduct > tbody > tr[style*="background: #F0F0F0;" i],
tr[style*="background:#f0f0f0;" i], td[style*="background:lightyellow" i],
td[style*="background:#eeeeff" i], td[style*="background:#ddddff" i],
.oo-ui-buttonElement-button:hover,
.tracklist tr[style*="background-color:#f7f7f7" i],
td[style*="background:#F9F9F9" i], th[style*="background:gainsboro" i],
td[style*="background:gainsboro" i], h2[style*="background:#eeeeee" i],
h2[style*="background:#efefef" i], tr[bgcolor*="#eee" i],
tr[style*="background-color:#eee" i],
.wikitable.charts-zebragrey > tbody > tr:nth-of-type(even),
tr[style*="background:#fbf8d6" i], table.flextable td, table.nmbox td,
tr[style*="background-color:#f7f7f7"] {
background-color: var(--gray-28) !important;
}
table.wikitable > tr > th, table.wikitable > * > tr > th,
div.barbox > table > tbody > tr > th, .cx-campaign-contributionsmenu li:hover {
background-color: var(--gray-3); /* don't include !important flag */
}
td[style*="background: #ececec;" i], th[style*="background:#eee" i],
th[style*="background-color: #eee" i],
tr[style*="background-color: #f7f7f7;" i], th[style*="background:#F2F2F2" i],
#filetoc, .toccolours, th[style*="background:#F9F9F9" i],
th[style*="background-color: lightgrey" i], th[style*="background:#ddd" i],
.infobox th[style*="background"], .infobox tr[style*="background-color"],
.infobox td[style*="background"], td[style*="background:#F2F2F2" i],
table.wikitable > tbody > tr[style*="background-color:#F6F6F6" i], .tlheader,
th[style*="background:whitesmoke" i], td[style*="background:whitesmoke" i],
th[style*="#FFEBAD" i], .usermessage, table.nmbox th, tr[style*="#eaecf0" i],
td[style*="#eaecf0" i], p[style*="background-color:#F7FAFC" i] {
background-color: var(--gray-3) !important;
}
/* remove background image/gradient */
.keyboard-key, div#editpage-specialchars a,
body div.ui-dialog .ui-widget-header {
background: var(--gray-3) !important;
border-color: var(--gray-5) !important;
}
body .ui-button:hover {
background: var(--gray-4) !important;
border-color: var(--gray-5) !important;
}
/* add a white background to transparent images; see
* https://forum.userstyles.org/discussion/48549/x */
a.image img, a[href*=".svg"] img {
background: var(--gray-d) !important;
}
/* white background to wikEd - see #24 */
.wikEdFrameBodySyntax {
background: var(--white) !important;
}
.keyboard-key {
box-shadow: .1em .2em .2em var(--gray-4) !important;
}
.mw-mmv-ttf-ellipsis, .navpopup, .oo-ui-popupWidget-popup, input + span,
.pure-form input[type=search] {
box-shadow: none !important;
}
.pure-button-primary-progressive:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus:not(:active),
.mw-ui-button.mw-ui-progressive:focus:not(:active) {
box-shadow: inset 0 0 0 1px var(--base-color), inset 0 0 0 2px var(--white) !important;
}
strong, em {
text-shadow: none !important;
}
hr {
background-color: transparent !important;
border-color: var(--gray-5) !important;
}
.mw-editfont-monospace {
background-color: var(--gray-2);
color: var(--gray-9a);
}
.userSummaryButtons a, #userSummaryButtons a {
background-color: var(--green-4);
border-color: var(--green-3);
color: var(--gray-a) !important;
}
.userSummaryButtons a:hover, #userSummaryButtons a:hover {
background-color: var(--green-4);
border-color: var(--green-3);
filter: brightness(120%);
}
#btn_opisy_zm_waxon_off {
background-color: var(--brown-3) !important;
border-color: var(--brown-2) !important;
}
.flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header::before {
background-color: var(--gray-2);
}
.mw-ui-icon.mw-ui-icon-before::before, .mw-ui-icon.mw-ui-icon-element::before {
filter: invert(80%);
}
div > .flow-menu li a,
.flow-component.flow-board-page .flow-board-header .side-rail-toggle-button {
background-color: var(--gray-2) !important;
}
/*** Background Color Styles ***/
/* Red */
td[style*="background: #FDD;" i], .table-no, td[style*="background:#fdd" i],
td[style*="background: #ffdddd" i], tr[style*="background:#FFDDDD" i],
tr[style*="background:#fbb" i] {
background: var(--red-3) !important;
color: var(--gray-d) !important;
}
/* Green */
#mp-left h2, #mp-left h2 span, td[style*="background: #99FF99;" i], .table-yes,
td[style*="background:#dfd" i], td[style*="background:#bfd" i],
tr[style*="background:#DDFFDD" i], tr[style*="background:#bfb" i],
tr[style*="background-color:#CCFFCC" i],
table.ext-status-stable > tbody > tr.tpl-infobox-header {
background: var(--green-2) !important;
color: var(--gray-d) !important;
}
/* Yellow */
table.ext-status-beta > tbody > tr.tpl-infobox-header {
background: var(--yellow-1) !important;
}
/* Orange */
table.ext-status-experimental > tbody > tr.tpl-infobox-header {
background: var(--orange-1) !important;
}
/* Grey */
table.ext-status-unknown > tbody > tr.tpl-infobox-header {
background: var(--gray-5) !important;
}
/* Blue */
div[style*="background"] h2, div[style*="background"] h2 *, #mp-right h2,
#mp-right h2 span, .navbox th, .navbox-title, .navbox-title *,
tr[style*="background-color:tan;" i], div[style*="background: #444444;"],
div[style*="background: #444444;"] *, ol.references li:target,
sup.reference:target, span.citation:target, ol.references li:target *,
sup.reference:target *, span.citation:target *,
td[style*="background:#CEDFF2" i], tr[bgcolor="#CEDFF2" i],
table[style*="background-color:#cef2e0" i] *,
div[style*="background-color: #cee0f2" i],
div[style*="background-color: #cedff2" i], div[role="region"] h2,
div[role="region"] .plainlinks, tr[style*="background-color: #cedff2" i],
td[bgcolor*="#f0f0ff" i], tr[style*="background-color:#E1E9F3" i],
th[style*="background:#d1dbdf" i], td[style*="background:#e6f2ff" i] {
background-color: var(--blue-2) !important;
}
.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title,
.navbox-abovebelow *, th.navbox-group *, .navbox-subgroup .navbox-title *,
tr[bgcolor*="#E1E9F3" i] {
background-color: var(--blue-3) !important;
}
/* Purple */
#mp-lower #mp-bottom h2, #mp-bottom h2 span,
th[style*="background:lavender" i], td[style*="background:lavender" i],
th[style*="background:#edf" i] {
background-color: var(--purple-1) !important;
}
/* Brown */
#mp-center h2, #mp-center h2 span, .table-partial,
tr[style*="background:orange" i], td[style*="background:#ffd" i] {
background-color: var(--brown-1) !important;
}
/*** Border ***/
fieldset, button[type="submit"]:not(.pure-button-primary-progressive),
.oo-ui-buttonElement-button:focus:not(:active) {
border-color: var(--base-color) !important;
}
div:not([style*="-color"]), div[style*="background-color"],
span:not([class*="color"]), table:not(.hp-portalen),
tr:not([style*="border-bottom"]), th, .infobox tr[style*="background-color"],
td:not([style*="border-bottom"]):not([style*="border-top"]), h1, h2, h3, h4,
h5, h6, ul, li, input, select, .mw-body-content code, .lang-list-button:hover,
.oo-ui-buttonElement-button, #mwe-popups-settings, #mwe-popups-settings header {
border-color: var(--gray-5) !important;
}
td[style*="border-bottom"] {
border-right-color: var(--gray-5) !important;
border-left-color: var(--gray-5) !important;
border-top-color: var(--gray-5) !important;
}
.mwe-popups:before, .cx-callout-1:before {
border-bottom-color: var(--gray-5) !important;
}
.mwe-popups.flipped_y:before, .mwe-popups.flipped_x_y:before,
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane, .mwe-popups.flipped-y:before,
.mwe-popups.flipped-x-y:before {
border-top-color: var(--gray-5) !important;
}
.mwe-popups:after, .cx-callout-1:after,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before,
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
border-bottom-color: var(--gray-2) !important;
}
.mwe-popups.flipped_y:after, .mwe-popups.flipped_x_y:after,
.mwe-popups.flipped-y:after, .mwe-popups.flipped-x-y:after,
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before,
.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
border-top-color: var(--gray-2) !important;
}
.mwe-popups, .mwe-popups-is-not-tall, .mwe-popups-is-tall,
.oo-ui-popupWidget-popup {
border: 1px solid var(--gray-5) !important;
}
.mwe-popups-settings-icon:hover, .mwe-popups-settings-icon:active {
background-color: var(--gray-4) !important;
}
div.vectorTabs li:not(.selected), .oo-ui-popupWidget-anchor:after,
.oo-ui-popupWidget-head {
border-bottom: var(--gray-5) 1px solid !important;
}
.referencetooltip > li {
background: var(--gray-2) !important;
border: 1px solid var(--gray-5) !important;
}
input, button {
border-style: solid !important;
border-width: 1px !important;
}
/* arrow down */
.referencetooltip > li + li, .referencetooltip > li + li:after {
border-top-color: var(--gray-2) !important;
border-right-color: transparent !important;
border-left-color: transparent !important;
}
.referencetooltip > li + li {
border-top: 12px var(--gray-5) solid !important;
}
.referencetooltip.RTflipped > li + li {
border-bottom-color: var(--gray-2) !important;
}
.referencetooltip.RTflipped > li + li:after {
border-bottom-color: transparent !important;
}
/* Bookmark Icon */
#ca-watch.icon a {
background-image: url('data:image/svg+xml;utf-8,%3Csvg width="16" height="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" fill="transparent" stroke="%237cb5d1"/%3E%3C/svg%3E') !important;
}
#ca-unwatch.icon a {
background-image: url('data:image/svg+xml;utf-8,%3Csvg width="16" height="16" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3ClinearGradient id="a" x1="13.47" x2="4.596" y1="14.363" y2="3.397" gradientUnits="userSpaceOnUse"%3E%3Cstop stop-color="%23c2edff" offset="0"/%3E%3Cstop stop-color="%2368bdff" offset=".5"/%3E%3Cstop stop-color="%23fff" offset="1"/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d="M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z" fill="url(%23a)" stroke="%237cb5d1"/%3E%3C/svg%3E') !important;
}
/* Orange */
#centralNotice > div {
border-color: var(--orange-2) !important;
}
table.ambox-content, table.ambox-style {
border-left-color: var(--orange-2) !important;
}
/* add border */
div.vectorTabs li, #p-cactions-label, .client-js #preftoc li {
border-right: var(--gray-5) 1px solid !important;
}
div.vectorTabs li.selected, .client-js #preftoc li.selected {
border-bottom: var(--orange-2) 1px solid !important;
}
/*** Text ***/
.wikitable tr:not([style*="color:black" i]) th:not([style*="color: black" i]),
table.wikitable > tbody > tr[style*="background-color:#F6F6F6" i] > td > *,
tr.ext-infobox-header th, tr.ext-infobox-header span {
color: var(--white) !important;
}
.CategoryTreeEmptyBullet, .table-na, .infobox, .hp-portalen a span {
color: var(--gray-c) !important;
}
.oo-ui-buttonElement-button:hover {
color: var(--gray-bc) !important;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
color: var(--red-4) !important;
}
/*** Quotes ***/
blockquote {
background-color: transparent !important;
border: none !important;
}
/*** Misc ***/
ul, .portlet li {
list-style-image: none !important;
}
table[style*="border:4px ridge"], .jfk-bubble-closebtn,
.oo-ui-tagMultiselectWidget-handle input {
border: none !important;
}
.popup_history_row_even, ins.popupDiff {
background: var(--gray-3);
}
del.popupDiff {
background: var(--gray-2);
}
.wikEdFrameBodySyntax {
filter: invert(100%);
}
.wikEdFrameBodyPlain {
background: var(--gray-1) !important;
}
#proveit {
background-color: var(--gray-2) !important;
}
/*** diff pages ***/
.diff-context {
background-color: var(--gray-2) !important;
}
.wikEdDiffButtonUnchecked {
border-color: var(--gray-4) !important;
}
td.diff-deletedline .diffchange, .wikEdDiffDelete {
background-color: rgba(213, 154, 0, .6) !important;
color: var(--gray-d) !important;
}
td.diff-deletedline {
border-color: rgba(213, 154, 0, .6) !important;
}
.wikEdDiffFragment:hover .wikEdDiffDelete {
background-color: rgba(213, 154, 0, .65) !important;
}
td.diff-addedline {
border-color: rgba(0, 112, 213, .6) !important;
}
td.diff-addedline .diffchange, .wikEdDiffInsert {
background-color: rgba(0, 112, 213, .6) !important;
color: var(--gray-d) !important;
}
.oo-ui-buttonElement-button:active, .pure-button-primary-progressive:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.mw-ui-button.mw-ui-progressive:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active {
filter: brightness(72.5%) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus:not(:active),
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-iconElement > .oo-ui-buttonElement-button:focus:not(:active),
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus:not(:active) {
border-color: var(--base-color) !important;
box-shadow: inset 0 0 0 1px var(--base-color) !important;
}
/*** invert images ***/
img[title="Wikipedia"], .bookshelf-container .bookend,
img.mwe-math-fallback-image-inline, #mw-wsmfinal-close,
img[src*="Speaker_Icon"], .infobox img[alt*="structure"][src*=".svg"],
img[src*=".svg"][height="16"], img[src*=".svg"][height="17"],
img[src*=".svg"][height="18"], #gtx-host, .jfk-bubble-closebtn,
.oo-ui-iconElement-icon:not(.oo-ui-image-progressive), .RTsettings,
#pt-notifications-notice .mw-echo-notifications-badge:before,
#pt-notifications-alert .mw-echo-notifications-badge:before,
img.mwe-math-fallback-image-display, #cnotice-toggle-icon {
-webkit-filter: invert(100%) !important;
filter: invert(100%) !important;
background-color: transparent !important;
}
.oo-ui-pendingElement-pending {
background-color: var(--gray-1);
background-image: -webkit-linear-gradient(135deg, black 25%, transparent 25%, transparent 50%, black 50%, black 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, black 25%, transparent 25%, transparent 50%, black 50%, black 75%, transparent 75%, transparent);
background-image: linear-gradient(135deg, black 25%, transparent 25%, transparent 50%, black 50%, black 75%, transparent 75%, transparent);
}
.central-textlogo__image, .unicode.haudio a img {
filter: invert(60.5%) !important;
}
.mw-ui-icon-popups-close:before, .mw-ui-icon-footer::before {
filter: invert(86.5%) !important;
}
.central-featured-logo {
filter: brightness(60.5%) !important;
}
.oo-ui-icon-bell, .mw-widget-calendarWidget-day-additional {
opacity: .7 !important;
}
#footer-icons img {
filter: brightness(70%);
}
#mw-indicator-mw-helplink a {
background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m12.001 2.085c-5.478 0-9.916 4.438-9.916 9.916 0 5.476 4.438 9.914 9.916 9.914 5.476 0 9.914-4.438 9.914-9.914 0-5.478-4.438-9.916-9.914-9.916zm0.001 18c-4.465 0-8.084-3.619-8.084-8.083 0-4.465 3.619-8.084 8.084-8.084 4.464 0 8.083 3.619 8.083 8.084 0 4.464-3.619 8.083-8.083 8.083z" fill="%23888"/%3E%3Cpath d="m11.766 6.688c-2.5 0-3.219 2.188-3.219 2.188l1.411 0.854s0.298-0.791 0.901-1.229c0.516-0.375 1.625-0.625 2.219 0.125 0.701 0.885-0.17 1.587-1.078 2.719-0.953 1.186-1 3.655-1 3.655h1.969s0.135-2.318 1.041-3.381c0.604-0.707 1.443-1.338 1.443-2.494s-1.187-2.437-3.687-2.437zm-0.766 9.312h2v2h-2v-2z" fill="%23888"/%3E%3C/svg%3E');
}
.cx-campaign-contributionsmenu li.cx-campaign-contributions a {
background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5z" fill="%23888"/%3E%3Ccircle cx="10" cy="5.5" r="4.5" fill="%23888"/%3E%3C/svg%3E%0A');
}
.cx-campaign-contributionsmenu li.cx-campaign-translations a {
background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z" fill="%23888"/%3E%3C/svg%3E');
}
.cx-campaign-contributionsmenu li.cx-campaign-uploads a {
background-image: url('data:image/svg+xml;utf-8,%3Csvg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M13.09 6.18a3.68 3.68 0 0 1-2.18-2.55c.09.09 1.82.91 1.82.91L10 0 7.27 4.55l1.82-.91a5.08 5.08 0 0 0 .55 1.91 5.13 5.13 0 0 0 2 2 8.86 8.86 0 0 1 2 1.18l-.64.63-.45-.45-.26 1.54 1.54-.26-.45-.45.62-.65a5.69 5.69 0 0 1 1.45 3.45h-.91v-.73l-1.26.91 1.26.91v-.73h.91A5.21 5.21 0 0 1 14 16.36l-.64-.64.45-.45-1.53-.27.26 1.54.45-.45.64.64a5.69 5.69 0 0 1-3.45 1.45v-.91h.73L10 16l-.91 1.27h.73v.91a5.21 5.21 0 0 1-3.45-1.45l.63-.64.45.45.27-1.54-1.54.26.45.45-.63.65a5.69 5.69 0 0 1-1.45-3.45h.91v.73l1.26-.91-1.26-.91v.73h-.91A5.21 5.21 0 0 1 6 9.09l.64.64-.45.45 1.54.26-.28-1.53-.45.45-.64-.64L5 7.45a7.29 7.29 0 1 0 8.09-1.27z" fill="%23888"/%3E%3Ccircle cx="10" cy="12.7" r="2.5" fill="%23888"/%3E%3C/svg%3E');
}
.oo-ui-indicator-down, .oo-ui-indicator-clear {
filter: invert(100%);
}
/*** Reference tooltips ***/
.rt-tooltip, .rt-tooltipTail:after {
background: var(--gray-2) !important;
}
.rt-tooltipTail {
background: var(--gray-5) !important;
}
/*** Page preview settings ***/
.mwe-popups-overlay {
background-color: rgba(34, 34, 34, .75) !important;
}
#mwe-popups-settings {
box-shadow: 0 2px 2px 0 rgba(85, 85, 85, .25) !important;
}
/* wikidata fixes */
.wikibase-entitytermsforlanguagelistview-header-row th,
li.wikibase-sitelinkview.listview-item span.wikibase-sitelinkview-siteid-container {
background-color: var(--gray-3) !important;
}
.wikibase-sitelinkgroupview, .ui-widget.ui-suggester-list,
.articlepreview.open, ul.wikibase-snaktypeselector-menu.ui-menu {
background-color: var(--gray-2) !important;
}
.wikibase-snaktypeselector-menu .ui-state-active,
.wikibase-snaktypeselector-menu .ui-state-focus {
background: var(--gray-3) !important;
}
.ui-entityselector-list .ui-entityselector-notfound {
background-color: var(--gray-2);
}
.wb-icon, .articlepreview-button, .wb-help-field-hint, .ui-icon-close {
filter: invert(80%);
}
.tipsy-inner {
color: var(--gray-9a);
background-color: var(--gray-2) !important;
}
.articlepreview .toggler {
filter: invert(80%);
background-color: var(--gray-e) !important;
}
.wikibase-entityview textarea, .ui-listrotator {
color: var(--gray-9a);
}
.imeselector-toggle {
filter: brightness(200%);
}
.imeselector-menu {
filter: brightness(50%);
background-color: var(--gray-2) !important;
}
.imeselector-menu .selectable-row:hover {
background-color: var(--gray-3);
}
}
@-moz-document domain("wikipedia.org") {
/*** Navigation menu logo ***/
#p-logo a {
background-position: center -155px !important;
display: table-cell !important;
vertical-align: middle !important;
}
#p-logo a:before, #p-logo a:after {
display: block !important;
background: inherit !important;
content: "" !important;
}
#p-logo a:before {
background-position: center 0 !important;
filter: brightness(60.5%) !important;
height: 108px !important;
}
#p-logo a:after {
background-position: center -108px !important;
filter: invert(60.5%) !important;
height: 47px !important;
}
}
