User:Mat-night-mode/common.css

Source: Wikipedia, the free encyclopedia.
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* ==UserStyle==
@name         Wikipedia Dark
@namespace    StylishThemes
@version      2.3.36
@description  Wikipedia Dark theme
@author       StylishThemes
@homepageURL  https://github.com/StylishThemes/Wikipedia-Dark
@supportURL   https://github.com/StylishThemes/Wikipedia-Dark/issues/new/choose
@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?:\/\/.+wik(i|t).+org.+") {
  /* Global color palette */
  :root {
    --base-color: /*[[base-color]]*/;
    --visited-color: /*[[visited-color]]*/;
    --bg-custom: /*[[bg-custom]]*/;
    --bg-selected: /*[[bg-selected]]*/;
    --bg-attachment: /*[[bg-attachment]]*/;
    /* base palette */
    --black: #000;
    --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: #00f;
    --blue-1: #36c;
    --blue-2: #182030;
    --blue-3: #212c43;
    --blue-4: #3c5487;
    --red: #f00;
    --red-0: #400;
    --red-1: #c22;
    --red-2: #d33;
    --red-3: #722;
    --red-4: #ff4242;
    --green: #0f0;
    --green-1: #390;
    --green-2: #165316;
    --green-3: #061;
    --green-4: #002800;
    --brown-1: #321;
    --brown-2: #542;
    --brown-3: #261d08;
    --brown-4: #4b380d;
    --yellow-1: #b28200;
    --yellow-2: #ffdd7f;
    --orange-1: #e53e00;
    --orange-2: #e08b26;
    --purple-d: #241738;
    --purple-0: #312641;
    --purple-1: #382b4a;
    --purple-2: #768;
    --pink-0: #3e243c;
    --pink-1: #6b3e68;
    --pink-2: #965691;
    --pink-3: #ffbefa;
    --cyan-1: #194d41;
    --ores-1: #222800;
    --ores-2: #222000;
    --ores-3: #221800;
    --black_17: rgba(0, 0, 0, .175);
    --black_2: rgba(0, 0, 0, .2);
    --black_25: rgba(0, 0, 0, .25);
    --black_5: rgba(0, 0, 0, .5);
    --black_8: rgba(0, 0, 0, .8);
    --gray-2_75: rgba(34, 34, 34, .75);
    --gray-3_5: rgba(51, 51, 51, .5);
    --gray-5_25: rgba(85, 85, 85, .25);
    --gray-6_5: rgba(100, 100, 100, .5);
    --white_1: rgba(255, 255, 255, .1);
    --white_25: rgba(255, 255, 255, .25);
    --diff-del: rgba(213, 154, 0, .6);
    --diff-add: rgba(0, 112, 213, .6);
    --revs-old: rgba(255, 204, 51, .5);
    --revs-new: rgba(30, 109, 184, .5);
    /* assessment colors */
    --assess-1: #06c;
    --assess-2: #29c;
    --assess-3: #070;
    --assess-4: #6b0;
    --assess-5: #993;
    --assess-6: #b60;
    --assess-7: #921; /* was #901 */
    --assess-8: #85f;
    --assess-9: #070;
    --assess-10: #0b6;
    --assess-11: #a4c;
    --assess-12: #568;
    /* meta wiki */
    --green-a0: #2f4500;
    --green-a1: #27560f;
    --green-a2: #016101;
    --green-a3: #305229;
    --green-a4: #50612b;
    --green-a5: #676702;
    --bluei-a0: #014523;
    --bluei-a1: #004e4e;
    --bluei-a2: #05493b;
    --bluei-a3: #1b3a2a;
    /* WD query service */
    --cm-1: #27282e;
    --cm-2: #f9ee98;
    --cm-3: #fc0;
    --cm-4: #ca7841;
    --cm-5: #8da6ce;
    --cm-6: #607392;
    --cm-7: #cda869;
    --cm-8: #8f9d6a;
    --cm-9: #bd6b18;
    --cm-10: #f7f7f7;
    --cm-11: #997643;
    --cm-12: #d6bb6d;
    --cm-13: #ff6400;
    --cm-14: #aeaeae;
    --cm-15: #ad9361;
  }
}
@-moz-document
regexp("https?:\/\/(([\w\-]{2,}\.)?(wiki(pedia|books|news|quote|source|versity|voyage)|wiktionary)|(www|test)\.(mediawiki|wiki(data|dot))|(meta|wikimania|commons|otrs-wiki|species|wikitech|incubator|outreach)\.wikimedia)\.org\/.*"),
regexp("https?:\/\/wiki\.(rpcs3\.net|(archlinux|mozilla)\.org)\/.*") {
  /* transparent 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]]*/
    color: var(--gray-c);
  }
  .mw-body, .parsoid-body, #mp-topbanner,
  span:not(.legend-color):not([class*="wikEd"]):not([style*="background"]):not(.wikibase-toolbar-wrapper):not(.tool),
  .navbox-list, .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, .sidebar th a,
  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,
  .mw-body-content #mw-content-text h2:not([id^="mp-"]),
  .mw-body-content .portal ul, div[style*="background"]:not[style*="#90EE90"],
  .wikitable > tr, .wikitable > tr > th, .wikitable > tr > td,
  .wikitable > * > tr, .wikitable > * > tr > th,
  .wikitable > * > tr > td:not(.break), .wikitable th span[style*="background"],
  .inline-quote-talk, .oo-ui-fieldsetLayout-group .oo-ui-widget,
  .mw-parser-output .mod-gallery .whitebg img,
  .mw-parser-output .mod-gallery .gallerybox div, tt[style="background: white;"] {
    background-color: transparent !important;
  }
  .mw-body, .parsoid-body {
    background-color: transparent !important;
    color: var(--gray-9a);
  }
  .mw-mmv-image-metadata, .navbox, .navbox-subgroup, .mw-mmv-info-box,
  .infobox.standard-talk, .mwe-pt-article-row-odd, .mwe-pt-article-row-even,
  .ve-ui-mwSaveDialog-options, #mw-page-base,
  .mw-parser-output #siteContainer div:first-child, .vectorTabs .selected,
  .navbox-even {
    background-color: transparent;
  }
  .lang-list-button {
    border-color: var(--gray-5);
    outline-color: transparent !important;
  }
  .lang-list-button:focus {
    box-shadow: inset 0 0 0 1px var(--base-color);
  }
  .lang-list-active .lang-list-button {
    outline: 1px solid var(--base-color);
    border-color: var(--base-color) !important;
  }
  /*** Overall ***/
  td, p, li, th:not([style*="background"]):not([dir]), caption, p code,
  label code, dl code, .oo-ui-widget:not([placeholder]) 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,
  .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
  .guider_content h1, .guider_content p, select#searchLanguage option, dt,
  .tfa-recent {
    color: var(--gray-9a);
  }
  body, h1, h2, h3, h4, h5, h6, #footer li,
  .infobox th[style*="background"]:not([style*="#eaecf0"]),
  div[style*="color"]:not([style*="black;"]):not([style*="966"]),
  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,
  div.flaggedrevs_preview, div.plainlinks, .wikipediauserbox td,
  .table-partial[style*="background: #FFFFBB; color:black;"],
  a[href*="Wikipedia:Wikipedia_Signpost"] span, .sidebar th span,
  span[style*="white-space:nowrap; line-height:120%; font-size:155%; color:#333;"],
  tr[style^="color:black"], span[title="To be announced"] {
    color: var(--gray-9a) !important;
  }
  .central-featured-lang .link-box small, .central-featured-lang .link-box small {
    color: var(--gray-9a);
  }
  a, .CategoryTreeToggle, #toc a, #toc a span, body .ui-button, .toctogglelabel,
  #content a:not(.new):not([role="button"]),
  #mw-navigation li:not(.new) a:not(.new), #mw-panel li:not(.new) a:not(.new),
  #column-one li:not(.new) a:not(.new), #footer a:not(.new),
  .other-project-title, a.wbc-editpage:hover,
  .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: var(--base-color) !important;
  }
  #firstHeading a > span, font[color="#006699"],
  .mw-rcfilters-ui-filterWrapperWidget-showNewChanges .oo-ui-labelElement-label {
    color: var(--base-color);
  }
  .wb-langlinks-link > a:link::before, .wb-langlinks-link > a:visited::before {
    filter: grayscale(1) brightness(230%);
    opacity: .8;
  }
  .wb-langlinks-link > a:hover::before {
    filter: grayscale(1) brightness(280%);
    opacity: 1 !important;
  }
  a:visited, #toc a:visited, #toc a:visited span,
  .vectorTabs li.new:not(.selected) a:visited,
  #content a:not(.new):not([role="button"]):visited,
  #mw-panel li:not(.new) a:not(.new):visited,
  #p-navigation li:not(.new) a:not(.new):visited,
  #p-tb li:not(.new) a:not(.new):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"],
  #content td[style*="background: #f9f9e9;" i] a {
    color: var(--gray-d) !important;
  }
  a:hover,
  a:not(.link-box):hover span:not(.oo-ui-labelElement-label):not([class*="other-project-"]):not([class*="help"]):not([style*="8DB"]),
  #toc a:hover, .suggestions-result .highlight,
  .suggestions-special .special-query {
    color: var(--white) !important;
  }
  .central-featured-lang a:focus {
    outline: 1px solid var(--base-color);
  }
  div[class*="mw-echo-ui"], span[class*="mw-echo-ui"] {
    background-color: