Wikipedia Dark by stylishthemes

/* ==UserStyle==
@name         Wikipedia Dark
@namespace    StylishThemes
@version      3.7.8
@description  Wikipedia Dark theme
@author       StylishThemes
@homepageURL  https://github.com/StylishThemes/Wikipedia-Dark
@supportURL   https://github.com/StylishThemes/Wikipedia-Dark/issues/new/choose
@license      CC-BY-SA-4.0
@advanced color     base-color "Base color"    #4183C4
@advanced color      tab-color "Tab color"     #e08b26
@advanced color  visited-color "Visited color" #295887
@advanced dropdown bg-selected "Background image" {
  crosshatch "Cross-Hatch" <<<EOT
  url('data:image/png;base64,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') EOT;
  uniform "Uniform Tile" <<<EOT
  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAQMAAABKLAcXAAAABlBMVEUfHx8aGhrh02scAAAAH0lEQVR4AWMQRAICeHn/kcAH8vSN6hvVN6pvVN+oPgAPQ4LItqOMdQAAAABJRU5ErkJggg==') EOT;
  random "Random Tile" <<<EOT
  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUaGhohISElJSUh9lebAAABwElEQVR4AY3Vua3gOBgGQQXZhgKYgwHJYAA0Ksu9CAh6hxbTbvFzfx6rNEGlHY6z5KvMw4s43mN2Z5fqYLzKyrfyXhXKnKBdD9n58UWW3Vlb3mOCmWoHHZbdV5lv8t7Ver6ldsfqumVAdbblxxcZVcd7QWq2Y6VsadS4ZTzFDbFa5XivqlxVUFG1Jd6k66u8x0RIOw0cXAiNW2z58bJ5r1LTQtVVuy1x2jK+yLTlxy3v5RogszEXSB0ZF4iYWLbMMUBGPDbvpRQUVUV9kvGU6ynrIe9FOqssJcQ4oqurCjV6ytmqco4SwvGeNCoJaphwSHoK13cyuuU9ZaQI0lB1qB8zT3GL2XjKueU9pR+gH0OlqvGUzHWLQ81O0Dg95L3Uj9qxKx0pr3LdYrnlvQKlUEnV/8v4Xt6bThZROwaO5QfTUyY4GCBWu8Wf/nO4ULtj/li3mE9Z47zlx/WU94Iq7RD5XuZ6ynjIGn9yr1VhFaq2NH9s4bP4Rt5j2NFO5MBXGVsmsD5v3gslYORsd8R1i1rrIUoLKLXlvVhgKH7ApToyhk21TJhbLDvdN151vEetJtKdOtYo4SmnOvhGpjpe+xuj3X723ghdygAAAABJRU5ErkJggg==') EOT;
  custom "Custom" <<<EOT
  var(--bg-custom) EOT;
  none "None" <<<EOT
  none EOT;
}
@advanced text bg-custom "Custom background; include url()" "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAD1BMVEUREREREREAAAAREREWFhkN5cwCAAAABHRSTlNfGAAwFBG7CgAAACxJREFUeAFjYGJiZGBhhhMMYIIRTjCgcIE8VC4TKpeRmYEZiTtIzGNihhNMAJJAATdKr5xFAAAAAElFTkSuQmCC')"
@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|jp).*") {
  /* Global color palette */
  :root {
    --base-color: /*[[base-color]]*/;
    --base-color-rgb: /*[[base-color-rgb]]*/;
    --base-color-rgba-3: rgba(var(--base-color-rgb), 3);
    --base-color-rgba-8: rgba(var(--base-color-rgb), 8);
    --tab-color: /*[[tab-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-rgb: rgba(119, 34, 34, .4);
    --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;
    --orange-3: #4d2b01;
    --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: #c22;
    --diff-add: #36c;
    --revs-old: #b28200;
    --revs-new: #070;
    /* 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-0: #141414;
    --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;
    /* Browser specifics */
    scrollbar-color: #7779 #111111a3; /* firefox scrollbars */
    color-scheme: dark; /* chrome scrollbars  */
  }
  .cm-comment,
  .cm-link {
    font-style: italic;
  }
  .CodeMirror {
    background: var(--gray-18);
  }
  .CodeMirror-gutters {
    background: var(--gray-2);
    border-right: 1px solid var(--gray-4);
  }
  .CodeMirror-guttermarker {
    color: var(--white);
  }
  .CodeMirror-guttermarker-subtle,
  .CodeMirror-linenumber {
    color: var(--gray-a);
  }
  .CodeMirror-cursor {
    border-left: 2px solid var(--white);
  }
  .CodeMirror-activeline-background {
    background: var(--cm-1);
  }
  .CodeMirror-matchingbracket {
    outline: 1px solid var(--gray);
    color: var(--white);
  }
  .CodeMirror-line::selection,
  .CodeMirror-line > span::selection,
  .CodeMirror-line > span > span::selection {
    background: var(--cm-1);
  }
  .cm-keyword {
    color: var(--cm-2);
  }
  .cm-atom {
    color: var(--cm-3);
  }
  .cm-number {
    color: var(--cm-4);
  }
  .cm-def,
  .cm-mw-section-header,
  .cm-mw-link-pagename,
  .cm-mw-link-bracket,
  .cm-mw-link-delimiter,
  .cm-mw-indenting,
  .cm-mw-extlink-bracket,
  .cm-mw-list,
  .cm-mw-apostrophes-bold,
  .cm-mw-apostrophes-italic,
  .cm-mw-link-tosection {
    color: var(--cm-5);
  }
  .cm-mw-skipformatting {
    background-color: var(--cm-6);
  }
  span.cm-def,
  span.cm-tag,
  .cm-variable-2,
  .cm-variable-3,
  .cm-mw-extlink-protocol,
  .cm-mw-free-extlink-protocol,
  .cm-mw-extlink,
  .cm-mw-free-extlink {
    color: var(--cm-6);
  }
  .cm-builtin,
  .cm-operator {
    color: var(--cm-7);
  }
  .cm-comment {
    color: var(--gray-7);
    font-weight: 400;
  }
  .cm-string,
  .cm-mw-htmltag-name,
  .cm-mw-htmltag-bracket,
  .cm-mw-exttag-name,
  .cm-mw-exttag-bracket,
  .cm-mw-htmltag-attribute,
  .cm-mw-exttag-attribute,
  .cm-mw-mnemonic {
    color: var(--cm-8);
  }
  .cm-string-2 {
    color: var(--cm-9);
  }
  .cm-meta {
    background-color: var(--gray-18);
    color: var(--cm-10);
  }
  .cm-tag {
    color: var(--cm-11);
  }
  .cm-attribute {
    color: var(--cm-12);
  }
  .cm-header,
  .cm-mw-table-bracket,
  .cm-mw-table-definition,
  .cm-mw-table-delimiter {
    color: var(--cm-13);
  }
  .cm-hr {
    col...