real-world-css-libraries 1.0.2 → 1.0.4

package/libs/stackoverflow-dark-v5.1.2.css

@@ -0,0 +1,4962 @@
+/* https://github.com/StylishThemes/StackOverflow-Dark/blob/v5.1.2/stackoverflow-dark.user.css */
+/* ==UserStyle==
+@name         Stack Overflow Dark
+@version      5.1.2
+@description  Dark theme for Stack Overflow & most Stack Exchange network sites
+@namespace    StylishThemes
+@author       StylishThemes
+@homepageURL  https://github.com/StylishThemes/StackOverflow-Dark
+@supportURL   https://github.com/StylishThemes/StackOverflow-Dark/issues
+@updateURL    https://raw.githubusercontent.com/StylishThemes/StackOverflow-Dark/master/stackoverflow-dark.user.css
+@license      CC-BY-SA-4.0
+@advanced color base-color "Base color scheme" #4183C4
+@advanced color visited-color "Visited link color" #4183C4
+@advanced color accepted-color "Accepted answer background color" #002810
+@advanced color watched-color "Watched question background color" #002810
+@advanced color strong-color "Strong color" #ccc
+@advanced text font-choice "Code Font" Menlo
+@advanced dropdown bg-choice "Background image" {
+crosshatch "Cross-Hatch" <<<EOT
+  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAAAAABURb1YAAAFoUlEQVR4AWXWCY7kMJcDYd9DiCD4jLr/EWezJOT8vbMXy8ZngpVPlLUWbWABJFVRZyqqdqIq9O9V1gJS14KFfYzASvgS1UTF1jSqE9qgNjYVoNxLfIhCBFKhOTdPNR11KpmKk4W2LhowESMPKHHBItCg2tqoGm0VbWnXAmxIAFALPIAtCxY4VVX7jqrSGRVlJnwqfRsAIG+BZ0EmHy7Jm3NMo6KzdWXGc8ycY2zyHdOrW3hHhcQ0+uvcYlz3LQgQVyrPp2t+dUncjzHVTNFNuvhwK2Jgkfh856/INm05pjEVtWEKC6IfrmmtfPnpYZkRVTPjFztVUDsDLLCvR2WmX6RPXV/KRBQ7E0GZN5w+5+rKd2J7Ev1sFtVGlYY2oq2tgtN1SakCTkwiaxkebLZuJtjCd/OvyY1OQXXrGnAKfE67xbGq/NzemNviTWC2LjHjl6ruFucdUTTT4/wO7tQtkPd0LtO1ncs+ZrVvUXXeHue3Xt1zTD1vJlkbt8rigWhH3EUJ6HT31JYE1lp15XY1BSDaFh4asRNt0U5gqraB+UyFZJNagXh/qTxV1TY90VSVSLMX0W7dGA/4SfEZj+R7l6Hs9O6Orx5ne51Tj3Oev5E9MFWReefovrI73lzdnTziy8mTRjU1jZ99GtT52We2bmVfvqvKovqYqZ6N2GlGbRZYWM3CRKzX2bVQoMqjnbSopmlBTe3vMix227dzvqRJVR9+dT0LfJZhTyzbeaffIg6qz+muKJ2KoJ249yD3ku5kI/sJm31Mj41TrIoNVlgrolc33nTK06qPrdpRW6UTnZwnj6BuXdy6EMCqtPqcPUhS9OoC6mnYr+7p7tY10zyfLv7ovrMxfLs2y9trusGZMyW+80zU7z9Wz5D//8YusxMkP845i/Qk21Sru3W3u+aI5OtbWK3bpVVtk8c0OnuLpYVlXWQrYgFui0nAouTMy6OZtKKk5+EN9+GPs6e7aOpuewv6eL++gfnrIbiNdX7+bu0+j4rCvKo+aKdVxenV7dGtO3F1aRrP00R9sN26TNa+JsLpKYmLtZ1ZWJxGSc1UfDy7q/1Ms9ZdbuICFXJ1I5puXRt8WlXTpAsWhrrb4v7K7e3N7a5pZ4f0ed3mfy8L1iLzr3PmpDllv0nnfaaeZcj185/d/U3qj662fWwFpnsSqYvb3eN1+ky0Vclom50eTncXxA9x2cDu/F6GZcSAGrWqCe698be7qTv529jjXEVtT9GSGbktZp3G7nScj+4CTnflfXN1VXzU1uyLG88KnBSPblVBnUZFm91inYBsXW/zbG4SltE0YKtp1I5po4/tbWxYZ83PFldYiWcZCpkvaUc11Weu7iYwhltZfu3VnlGhnRHUmT6zABb+mv4u8Np/p1xTVd9XYG9x3RNybm39cWYnGkXTO9kn0fG5y7BWXKexp7v085JOxI62OyWN0pEHE/yEEgx7LSyf7rJbklTVakak3e18wHicTVlrRzeV9WzjiGrP7NqZAmt/Lv5nd518uitvVNH56W5Qwfd1AQ+YxP/UjXqfJgpm2tyhUpE0suBZFqzHNFm7uzl/l7sHnajtdf68Fs/ZWMm4gHpb/OliqjfRUf2bmBGYLJ66u5vJrpqRf5cORdupKvl7D2n06VdiMl3/sbvrdBfnL6ri+yX07933pfP801huIiaoOLm6J82c2xkfb2NPAs1Zhmva6XWuOm/W1P0+Hmz4XRnXTWpGs/cgN2nvZwsiPEBSd3Ud2XFjJNPtPCd1Zlys2zmef3Z3rU8tomK3rs5N73v3+ZXd4uY6E2GB9SzD7MbaprkJYN1rn1/dSCJrWc1U6GjbLZIp2nFZf67g4e6ucbH40Y1WwebsbrbuUjCfxGdzG/uldlA1naJI5p3j/FaARdxvZtKHfz49dIKizl9hL3Cvruf/3Sum/w07RUTLccAlwgAAAABJRU5ErkJggg==') 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 "Background image [wrap in 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 window size "Fit window size" <<<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;
+}
+@advanced text img-opacity "Reduced image opacity (0-1)" .5
+@preprocessor uso
+==/UserStyle== */
+@-moz-document regexp("^https?://((chat|meta|es|ja|pt|ru)\\.)*stackoverflow\\.com.*"),
+domain("serverfault.com"),
+domain("superuser.com"),
+domain("stackapps.com"),
+domain("mathoverflow.net"),
+domain("askubuntu.com"),
+regexp("^https?:\/\/((?!area51)\w+\.)*?stackexchange\.com.*"),
+regexp("^https?:\/\/stackoverflow.[^\.]*\.com.*") {
+  :root {
+    --bg-custom: /*[[bg-custom]]*/;
+    --bg-img: /*[[bg-choice]]*/;
+  }
+  body:not(.theme-dark), body.theme-dark .theme-light__forced,
+  body.theme-system .theme-light__forced, body:not(.theme-dark) .themed,
+  body.theme-dark .theme-light__forced .themed,
+  body.theme-system .theme-light__forced .themed {
+    --theme-link-color-visited: /*[[visited-color]]*/ !important;
+    --theme-footer-link-color: #aaa;
+    --black-075: #202020;
+    --black-200: #202020;
+    --black-400: #666;
+    --black-500: #888;
+    --black-700: #777;
+    --black-800: #888;
+    --black-050: #252525;
+    --orange-100: #874600;
+    --blue-100: #004487;
+    --blue-050: #182030;
+    --white: #222;
+    --fc-dark: #eee;
+    /* include built in default syntax-theme */
+    --highlight-bg: var(--black-200) !important;
+    --highlight-color: var(--fc-dark);
+    --highlight-comment: #656e77;
+    --highlight-punctuation: var(--black-600);
+    --highlight-namespace: #d97c2b;
+    --highlight-attribute: #127fcc;
+    --highlight-literal: #d97c2b;
+    --highlight-symbol: #803378;
+    --highlight-keyword: #127fcc;
+    --highlight-variable: #6fa012;
+    --highlight-addition: #2f6f44;
+    --highlight-deletion: #c02d2e;
+  }
+  /**
+   * ** Will apply to almost all Stack Exchange Sites **
+   * Except:
+   * - Area 51 (area51.stackexchange.com)
+   * ** Please open an issue to report sites where the style breaks **
+   * https://github.com/StylishThemes/StackOverflow-Dark/issues
+   * Note: fix borders by removing single glob color; some have been fixed.
+   *       if you notice any broken broders please open a new issue with page link.
+   */
+  * {
+    /* dont assign any colors here */
+    text-shadow: none !important;
+    box-shadow: none !important;
+  }
+  body, .cv-story header, .container.bg-black-050,
+  body.floating-content > .container {
+    background-color: var(--black-200) !important;
+    background-image: var(--bg-img) !important;
+    background-clip: border-box !important;
+    background-origin: padding-box !important;
+    background-attachment: /*[[bg-attachment]]*/ !important;
+    /*[[bg-options]]*/
+  }
+  .subheader a {
+    border-color: inherit !important;
+  }
+  body {
+    color: #ccc;
+  }
+  strong, b {
+    color: /*[[strong-color]]*/ !important;
+  }
+  /* custom code font */
+  pre.prettyprint, code {
+    font-family: "/*[[font-choice]]*/",
+      Monaco,
+      Consolas,
+      "Liberation Mono",
+      Menlo,
+      Courier,
+      monospace !important;
+  }
+  .snippet-code {
+    padding: 5px !important;
+  }
+  /* fix offset between default style and dark */
+  .post-text pre.prettyprint {
+    margin-left: 0 !important;
+  }
+  /* === custom color === */
+  a, a:hover, a:active, .profile-popup a, .seWrapper a, .gs-title b,
+  .spoiler:hover a, .comment-up-on, .comment-up-off:hover,
+  #side-menu ul .category, .s-timeline .-timestamp, .mod-flair, .s-btn,
+  .s-stat .-value, .s-link, .mini-counts.supernova, .supernova,
+  .topbar-dialog a:not(.btn-secondary):not(.nav-links--link),
+  .topbar-dialog a:not(.btn-secondary):not(.nav-links--link):hover,
+  .s-sidebarwidget--action, .site-footer .-link._active, ul.navMain li a,
+  ul.navMain li a:hover, .top-bar .-secondary .-ctas .btn-topbar-clear,
+  .top-bar .-secondary .-ctas .btn-topbar-clear,
+  .top-bar .-secondary .-ctas .btn-topbar-clear:hover,
+  .top-bar .-secondary .-ctas .btn-topbar-clear:focus,
+  .topbar-dialog a:not(.btn-secondary):not(.nav-links--link):visited,
+  .topbar-dialog a:not(.btn-secondary):not(.nav-links--link):visited:hover,
+  .user-details h1 a, .default-profile-site a, .answer-hyperlink,
+  .answer-hyperlink:hover, .topbar-dialog .unread-item .unread-bold,
+  .started .mod-flair, .started a:not(.started-link),
+  .search-form.responsive .added-filters .-clear-filters a,
+  .search-form.responsive .added-filters .-more a, .s-btn:hover, .s-btn:focus,
+  .s-btn:active, .top-bar .-secondary .-link._highlighted-positive,
+  .top-bar .-secondary .-link._highlighted-positive:hover,
+  .top-bar .-secondary .-link._highlighted-positive.topbar-icon-on,
+  .timeline .readings .readings-item .description .description-expander ~ .description-expander-label,
+  a, ul.linkbar li, .site-list li .stats li {
+    color: /*[[base-color]]*/;
+  }
+  .subheader h1 a, input[type="submit"].btn-clear,
+  input[type="button"].btn-clear, button.btn-clear, .btn-clear,
+  html:not(#X) .p-fc-purple, html:not(#X) .p-ff-roboto-slab.p-fc-purple div,
+  .user-page .subheader.reloaded .additional-links a[href], .fc-blue-600,
+  .h\:fc-orange-500:hover, #company-page .s-btn__outlined:hover,
+  #company-page .s-btn__outlined:active, h2 a.league-site-name,
+  .summary h3 .question-hyperlink, a.realtime-question-url.realtime-title,
+  a.question-link, a.question-hyperlink, a.s-link,
+  .s-anchors.s-anchors__default a:not(.s-link),
+  .s-anchors .s-anchors.s-anchors__default a:not(.s-link), a code,
+  .company-list h2 a[href],
+  #featured-company-page-ad footer a.s-btn__outlined:hover,
+  #featured-company-page-adfooter a.s-btn__outlined:active,
+  .topbar-dialog .modal-content .message-text h4, .fc-orange-400,
+  .h\:fc-orange-400:hover, .f\:fc-orange-400:focus,
+  .svg-icon.iconArrowDownLg:hover, .svg-icon.iconArrowUpLg:hover,
+  span[style*="color: #5C7796;"], h2.bottom-share-links a[href] {
+    color: /*[[base-color]]*/ !important;
+  }
+  .search-controls-responsive .-item .s-btn__outlined, .s-btn__outlined {
+    border-color: /*[[base-color]]*/ !important;
+    color: /*[[base-color]]*/ !important;
+  }
+  .search-form.responsive .filter-pane nav ul._tabs li.tab [data-tab] a .filter-indicator {
+    color: #eee !important;
+    background-color: /*[[base-color]]*/ !important;
+    border-color: #eee;
+  }
+  .stats-mainbar .task-stat-table,
+  .topbar-dialog.siteSwitcher-dialog .current-site li:hover,
+  .topbar-dialog .modal-content li:hover {
+    background-color: #282828;
+  }
+  .stats-mainbar .task-stat-table td {
+    background-color: #282828;
+    border: 5px solid #181818;
+  }
+  .s-sidebarwidget--item[aria-current="true"]::before,
+  .s-sidebarwidget--item > :first-child[aria-current="true"]::before,
+  .s-sidebarwidget--item[aria-current="page"]::before,
+  .s-sidebarwidget--item > :first-child[aria-current="page"]::before,
+  .topbar-dialog.siteSwitcher-dialog .current-site-container, .s-btn__primary,
+  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor.hover,
+  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor.focus {
+    border-color: /*[[base-color]]*/ !important;
+  }
+  .top-bar {
+    border-top-color: /*[[base-color]]*/;
+  }
+  html .message.message-info .message-tip-left-top::before {
+    border-top-color: /*[[base-color]]*/ !important;
+  }
+  .message.message-info .message-tip::before {
+    border-color: transparent !important;
+  }
+  .nav .primarynav li a:hover, .message.message-config .actions .button,
+  .btn-careers:hover, .btn-careers:visited, .question-list-layout a:hover {
+    color: #eee !important;
+    background: /*[[base-color]]*/ !important;
+  }
+  .s-timeline .-event::before {
+    background: #ccc;
+    border: 4px solid #666;
+  }
+  .search-form .search-inputs .-item .iconSearch,
+  .search-form .search-inputs .-item .iconLocation {
+    opacity: .8;
+    color: #ddd;
+  }
+  #sub-navs a:hover .messages-icon {
+    opacity: 1;
+  }
+  #sub-navs .menu-item:hover .settings-icon {
+    filter: brightness(135%);
+  }
+  /* these must be here else they dont work */
+  input[class="w100"][type="submit"] {
+    background: #622 !important;
+    border: 1px solid #ff4a15 !important;
+  }
+  input[class="w100"][type="submit"]:hover {
+    background: #622 !important;
+    border: 1px solid #ff4a15 !important;
+    filter: brightness(90%) !important;
+  }
+  .icon-i, .icon-i-blue, .icon-i-orange {
+    filter: brightness(70%) contrast(170%) !important;
+  }
+  .why-jobs-v2 .developers-first input[type="submit"] {
+    background: #222 !important;
+    color: /*[[base-color]]*/ !important;
+  }
+  .min-ds-step-counter .step.active, .s-badge__bounty {
+    background: /*[[base-color]]*/;
+  }
+  .bg-blue-700, .h\:bg-blue-700:hover, .f\:bg-blue-700:focus {
+    background: /*[[base-color]]*/ !important;
+  }
+  input[type="submit"].btn-clear:hover, input[type="button"].btn-clear:hover,
+  button.btn-clear:hover, .btn-clear:hover, input[type="submit"].btn-clear:focus,
+  input[type="button"].btn-clear:focus, button.btn-clear:focus, .btn-clear:focus,
+  .s-btn__outlined:not(.youarehere):hover,
+  .s-btn__outlined:not(.youarehere):active {
+    color: /*[[base-color]]*/ !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .2) !important;
+  }
+  input[type="submit"]:not(.s-btn), input[type="button"]:not(.s-btn),
+  button:not(.s-btn), .button, a.button, a.button:visited, .btn,
+  .hero-box.double-panel .panel.white .btn {
+    color: #eee;
+    background-color: /*[[base-color]]*/;
+    border-color: rgba(/*[[base-color-rgb]]*/, .5);
+    box-shadow: none;
+  }
+  .about-newuser .huge-button {
+    background: none !important;
+    background-color: /*[[base-color]]*/ !important;
+    border-color: rgba(/*[[base-color-rgb]]*/, .5) !important;
+  }
+  .old-hero {
+    color: #eee;
+    background-color: rgba(/*[[base-color-rgb]]*/, .4);
+    background-image: linear-gradient(to right, transparent 0%, transparent 100%);
+  }
+  a.owner {
+    background-color: rgba(79, 140, 201, .3);
+    background-color: rgba(/*[[base-color-rgb]]*/, .3);
+  }
+  input[type="submit"]:not(.s-btn):hover, input[type="button"]:not(.s-btn):hover,
+  button:not(.s-btn):hover, .button:hover, a.button:hover,
+  a.button:visited:hover, .btn:hover, input[type="submit"]:not(.s-btn):focus,
+  input[data-push="true"][type="button"]:not(.s-btn):focus,
+  button:not(.s-btn):focus, .button:focus, a.button:focus,
+  a.button:visited:focus, .btn:focus, input[type="submit"]:not(.s-btn):hover,
+  input[type="button"]:not(.s-btn):hover, button:not(.s-btn):hover,
+  .button:hover, .btn:hover, input[type="submit"]:not(.s-btn):focus,
+  input[type="button"]:not(.s-btn):focus, button:not(.s-btn):focus,
+  .button:focus, .btn:focus, #site-picker input[type="submit"]:hover {
+    background-color: /*[[base-color]]*/;
+    border-color: rgba(/*[[base-color-rgb]]*/, .5);
+    filter: brightness(120%) !important;
+  }
+  .ac_over,
+  .search-form.responsive .filter-pane .-nav ul._tabs li.tab [data-tab] a .filter-indicator {
+    color: #fff;
+    background-color: /*[[base-color]]*/;
+  }
+  .ac_results {
+    border: 1px solid #444;
+    background-color: #181818;
+  }
+  a.post-tag:hover, .post-tag:hover, .bounty-indicator, .bounty-indicator-tab,
+  .bounty-award, span.bounty-indicator-tab, #change-picture, .supernovabg,
+  .hotbg, .nav li.youarehere a, .nav a:hover, a.button, .edit-count,
+  .pager a:hover span:not(.page-numbers), .bounties-tab,
+  #sidebar a[href*="/questions/ask"], #sidebar a[href*="/questions/ask"]:visited,
+  .s-btn.s-btn__primary, .s-btn.s-btn__primary:focus,
+  .top-bar .-secondary .-ctas .btn-topbar-primary,
+  .top-bar .-secondary .-ctas .btn-topbar-primary:focus,
+  .user-card-name .top-badge, .user-card-name .top-badge a,
+  #site-picker input[type="submit"] {
+    background: /*[[base-color]]*/ !important;
+    background-color: /*[[base-color]]*/ !important;
+    color: #eee !important;
+  }
+  a.post-tag.user-tag:hover, .s-tag.bg-blue-700:hover {
+    background-color: rgba(79, 140, 201, .8) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .8) !important;
+  }
+  .privileges-page .privilege-table-row:hover, .top-bar .my-profile:hover,
+  .top-bar .-secondary .-item .-link:hover {
+    background-color: #242424;
+  }
+  .privileges-page .privilege-table-row:hover .long-description,
+  .faq-page #mainbar .content-page p a:hover, a.-link:hover, h3 strong a:hover,
+  ._icon p a:hover, .s-link:hover, .s-btn__link:hover {
+    color: /*[[base-color]]*/;
+    filter: brightness(115%);
+  }
+  .old-hero a.-link, .fc-black-900, .fc-black, .h\:fc-black:hover,
+  .f\:fc-black:focus {
+    color: #eee !important;
+  }
+  .old-hero._orange {
+    color: #eee;
+    background-color: /*[[base-color]]*/;
+    background-image: none;
+  }
+  /* hack around to prevent pagination hover issues on stackexchange */
+  a[href]:hover {
+    color: rgba(79, 140, 201, .8);
+    color: rgba(/*[[base-color-rgb]]*/, .8);
+  }
+  .s-pagination--item.is-selected {
+    background-color: rgba(79, 140, 201, .8);
+    background-color: rgba(/*[[base-color-rgb]]*/, .8);
+  }
+  .s-pagination--item {
+    border-color: #555;
+    color: #ccc;
+  }
+  .s-pagination--item:hover {
+    background-color: rgba(79, 140, 201, .8) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .8) !important;
+    border-color: #555;
+    color: #eee !important;
+  }
+  /* end hack */
+  html:not(#X) #tabs a:not(.youarehere), html:not(#X) .tabs a:not([href]) {
+    color: #aaa !important;
+    border: 1px solid transparent !important;
+  }
+  #tabs a, .tabs a {
+    background: #222;
+  }
+  html:not(#X) #tabs a.youarehere, html:not(#X) .tabs a:not([href]).youarehere,
+  html:not(#X) #tabs:hover a.youarehere,
+  html:not(#X) .tabs:hover a.youarehere:not([id*="category-"]) {
+    border-bottom: 1px solid transparent !important;
+  }
+  a.button:hover, #questions .post-menu .button.btn:hover, .star-off {
+    filter: brightness(90%) !important;
+  }
+  .s-btn__outlined:not(.grid--cell):not(.ws-nowrap):not(.s-btn__muted):hover {
+    filter: brightness(90%) !important;
+    color: #ccc !important;
+  }
+  .user-tabs-nav #tabs a.youarehere::before,
+  .user-tabs-nav .tabs a.youarehere::before,
+  .newnav .tabs-list-container .tabs-list .intellitab a.youarehere::before,
+  #tabs a.youarehere::before, .tabs a.youarehere::before,
+  html:not(#X) .p-bg-purple:not(.teams-slope),
+  input[type=submit][value="search"], html:not(#X) .h\:bg-orange-500:hover,
+  html:not(#X) .wz-progress.wz-progress--active {
+    background-color: /*[[base-color]]*/ !important;
+  }
+  .site-footer .-link._expandable::before,
+  .site-footer .-link._expandable::after {
+    background-color: rgba(79, 140, 201, .6) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .6) !important;
+  }
+  .jobsfooter .footerContent > a, .companiesfooter .footerContent > a {
+    color: #777 !important;
+    border: 1px solid #555;
+  }
+  .jobsfooter .footerContent > a:hover,
+  .companiesfooter .footerContent > a:hover {
+    background-color: rgba(79, 140, 201, .6) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .6) !important;
+    color: #ccc !important;
+  }
+  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor .post-tag .delete-tag,
+  .s-btn.s-btn__primary:hover, .top-bar .-secondary .-ctas .btn-topbar-clear,
+  .top-bar .-secondary .-ctas .btn-topbar-clear:focus, .s-btn__primary:focus,
+  .s-btn:focus,
+  .mb16:not(.profile-placeholder--image):not(.bg-yellow-200):not(.bc-black-3),
+  .icon-site, .icon-location, .icon-github, .icon-twitter, .icon-time,
+  .icon-calendar, .icon-eye, .icon-se, .icon-q, .icon-a, .icon-q-small,
+  .icon-a-small, .icon-ppl-helped, .icon-helpful-edit, .icon-vote-cast,
+  .icon-lock, .icon-so-gray, .icon-external-link, .icon-helpful-flags,
+  .icon-history, .icon-settings, .icon-settings-off, .icon-arrow-bottom,
+  .icon-user-dark, .delete-tag:hover::after {
+    filter: brightness(120%) !important;
+  }
+  .delete-tag, .delete-tag:hover {
+    background-image: none !important;
+  }
+  .delete-tag::after {
+    content: "✖";
+    color: #999;
+  }
+  .delete-tag:hover::after {
+    color: #eee;
+  }
+  .s-btn:not(.s-btn__google) {
+    background-color: transparent;
+  }
+  .s-btn:focus {
+    border-color: rgba(/*[[base-color-rgb]]*/, .6);
+    box-shadow: none;
+  }
+  .s-btn:not([data-action="se-uql-list#editCurrent"]):not([id*="btnFollowPost-"]):not([class*="post"]):hover,
+  .s-btn:not([data-action="se-uql-list#editCurrent"]):not([id*="btnFollowPost-"]):not([class*="post"]):focus,
+  .s-btn:not([data-action="se-uql-list#editCurrent"]):not([id*="btnFollowPost-"]):not([class*="post"]):active {
+    background-color: #282828;
+  }
+  .s-btn.s-btn__google {
+    background-color: #222;
+  }
+  .s-btn.s-btn__google:hover, .s-btn__google:focus {
+    background-color: #282828 !important;
+  }
+  .s-btn:not(.print-btn):not(.s-btn__google):not(.s-btn__launchpad):not(.fc-dark):not(.s-btn__primary):not(.s-btn__muted):not(.s-btn__unset):not(.s-btn__link):not(.h\:p-bg-yellow-tint):hover,
+  .s-btn:not(.print-btn):not(.s-btn__google):not(.s-btn__launchpad):not(.fc-dark):not(.s-btn__primary):not(.s-btn__muted):not(.s-btn__unset):not(.s-btn__link):not(.h\:p-bg-yellow-tint):focus,
+  .s-btn:not(.print-btn):not(.s-btn__google):not(.s-btn__launchpad):not(.fc-dark):not(.s-btn__primary):not(.s-btn__muted):not(.s-btn__unset):not(.s-btn__link):not(.h\:p-bg-yellow-tint):active {
+    background-color: rgba(79, 140, 201, .2) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .2) !important;
+  }
+  .s-btn.s-btn__primary:hover, .s-btn.s-btn__primary:focus,
+  .s-btn.s-btn__primary:active {
+    background-color: rgba(79, 140, 201, .8) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .8) !important;
+  }
+  button[id="submit-button"].s-btn:hover {
+    background-color: rgba(79, 140, 201, .9) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .9) !important;
+  }
+  .s-btn[disabled] {
+    color: #777;
+    background-color: #333;
+    opacity: .5 !important;
+  }
+  .top-bar .-secondary .-ctas .btn-topbar-clear {
+    border-color: transparent !important;
+  }
+  /* === text selection === */
+  ::selection {
+    background: /*[[base-color]]*/ !important;
+    color: #eee !important;
+  }
+  ::-moz-selection {
+    background: /*[[base-color]]*/ !important;
+    color: #eee !important;
+  }
+  .CodeMirror-selected {
+    background: rgba(/*[[base-color-rgb]]*/, .4) !important;
+    color: #eee !important;
+  }
+  /* === input focus hightlight === */
+  input:focus, textarea:focus,
+  .chosen-container.chosen-container-active .chosen-choices,
+  .chosen-container .active-result.highlighted {
+    border-color: /*[[base-color]]*/ !important;
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 2px /*[[base-color]]*/ !important;
+    outline-color: transparent !important;
+  }
+  html:not(#X) .wz-wrapper.wz-wrapper--focused {
+    border: 1px solid /*[[base-color]]*/ !important;
+    box-shadow: inset 0 0 4px /*[[base-color]]*/, 0 0 0 4px rgba(/*[[base-color-rgb]]*/, .15) !important;
+  }
+  .tag-editor input:focus, .previous-button, .next-button, .btn-clear,
+  .chosen-container.chosen-container-active .chosen-choices input,
+  .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult,
+  .profile-top-tags .badge-tag {
+    border: 0 !important;
+    box-shadow: none !important;
+  }
+  .profile-avatar {
+    box-shadow: inset 0 10em 0 #202020 !important;
+  }
+  .menu-switcher {
+            filter: none !important;
+    -webkit-filter: none !important;
+  }
+  /* === hidden === */
+  div.hireme, div#hireme, .next-answer-hook-container, .intellitab::after,
+  .s-hero .-container {
+    display: none !important;
+  }
+  /* === background color === */
+  /* from darkest to lightest grey */
+  .popup-badges .all-badge-progress .completed::before, .previous-button,
+  .next-button, #footer, #herobox.alternate, .message-title {
+    background-color: rgba(0, 0, 0, .4) !important;
+  }
+  header:not(.job-details--header) {
+    background-color: #080808 !important;
+  }
+  .user-page header:not(.job-details--header):not(.top-bar) {
+    background-color: transparent !important;
+  }
+  .timeline-item header {
+    background-color: #151515 !important;
+    color: #ccc !important;
+  }
+  .bg-black-100, .bg-black-200, .uql-nav .uql-item.uql-item__separator {
+    background-color: #555 !important;
+  }
+  input[type="submit"].btn-outlined.gray, input[type="button"].btn-outlined.gray,
+  button.btn-outlined.gray, .btn-outlined.gray,
+  input[type="submit"].btn-outlined.-gray,
+  input[type="button"].btn-outlined.-gray, button.btn-outlined.-gray,
+  .btn-outlined.-gray {
+    color: #aaa !important;
+    background-color: #222 !important;
+    border-color: #444 !important;
+  }
+  input[type="submit"].btn-outlined.gray:hover,
+  input[type="button"].btn-outlined.gray:hover, button.btn-outlined.gray:hover,
+  .btn-outlined.gray:hover, input[type="submit"].btn-outlined.-gray:hover,
+  input[type="button"].btn-outlined.-gray:hover, button.btn-outlined.-gray:hover,
+  .btn-outlined.-gray:hover, input[type="submit"].btn-outlined.gray:focus,
+  input[type="button"].btn-outlined.gray:focus, button.btn-outlined.gray:focus,
+  .btn-outlined.gray:focus, input[type="submit"].btn-outlined.-gray:focus,
+  input[type="button"].btn-outlined.-gray:focus, button.btn-outlined.-gray:focus,
+  .btn-outlined.-gray:focus, input[type="submit"].btn-outlined.gray:active,
+  input[type="button"].btn-outlined.gray:active, button.btn-outlined.gray:active,
+  .btn-outlined.gray:active, input[type="submit"].btn-outlined.-gray:active,
+  input[type="button"].btn-outlined.-gray:active,
+  button.btn-outlined.-gray:active, .btn-outlined.-gray:active,
+  input[type="submit"].btn-outlined.gray.youarehere,
+  input[type="button"].btn-outlined.gray.youarehere,
+  button.btn-outlined.gray.youarehere, .btn-outlined.gray.youarehere,
+  input[type="submit"].btn-outlined.-gray.youarehere,
+  input[type="button"].btn-outlined.-gray.youarehere,
+  button.btn-outlined.-gray.youarehere, .btn-outlined.-gray.youarehere,
+  .chosen-container .chosen-results .active-result.highlighted,
+  .avatar-change:hover, .nav li, .seNav, .topbar a.topbar-icon-on,
+  .topbar a.topbar-icon-on:hover, .nav a, .module li.current, .seCurrent,
+  .community-bulletin, .owner-revision td, .markdown-diff .skip,
+  #footer .container, .body-diffs .skip, .newsletter-anon,
+  .tag-suggestions>div:hover, .timestamp:hover+div.message .meta,
+  div.message:hover .meta, #side-menu ul li a:hover, .conversation-info,
+  .message.reply-parent, .message.reply-child,
+  .sidebar-element .list li .rep-and-badges, .congrats .actions,
+  .tag-suggestions>div:focus, .current-site a.site-link:hover, #sub-navs>a:hover,
+  #sub-navs .menu-item:hover, .popup-close .-link:hover,
+  .p-highlights .-reputation .-meta-rep, .nav-left-col a.is-active,
+  .comment__highlight:not([style*="background-color"]),
+  ul.comments-list .comment__highlight .comment-text,
+  ul.comments-list .comment__highlight .comment-actions,
+  .l-main-col .btn-secondary:hover, .modal.image-upload .modal-dropzone-default {
+    background-color: #333 !important;
+  }
+  input[type="submit"]:not(.s-btn)[disabled],
+  input[type="button"]:not(.s-btn)[disabled], button:not(.s-btn)[disabled],
+  .button[disabled], a.button[disabled], a.button:visited[disabled],
+  .btn[disabled], input[type="submit"]:not(.s-btn)._disabled,
+  input[type="button"]:not(.s-btn)._disabled, button:not(.s-btn)._disabled,
+  .button._disabled, a.button._disabled, a.button:visited._disabled,
+  .btn._disabled {
+    color: #aaa !important;
+    background-color: #555 !important;
+    border-color: #555 !important;
+  }
+  .f-radio-toggle._muted .f-label {
+    border-color: #444;
+    background-color: #111;
+    color: #aaa !important;
+  }
+  .f-radio-toggle._muted .f-label:hover, .f-radio-toggle._muted .f-label:focus,
+  .f-radio-toggle._muted .f-label:active {
+    color: #ddd !important;
+    background-color: #333;
+    border-color: #555;
+  }
+  .f-radio-toggle._muted input[type="radio"]._off:checked + .f-label {
+    color: #aaa !important;
+    background-color: #555;
+    border-color: #555;
+  }
+  .f-radio-toggle._muted input[type="radio"]:checked + .f-label {
+    color: #eee !important;
+    background-color: #254632;
+    border-color: #316044;
+  }
+  #custom-header, .review-bar, .diff-choices a.selected, #header #topbar,
+  td.owner, .profile-popup, .profile-popup div, .profile-popup th,
+  .profile-popup td, #global, .actual-edit-overlay,
+  input:not([type="submit"]):not([type="button"]), textarea, #search input,
+  .f-select > select, textarea#input,
+  .search-form .chosen-container .chosen-choices, .pac-container, select,
+  #match-preferences-editor .close:hover, .gsc-input-box, .gsc-option-menu,
+  .min-ds-wizard .min-ds-box.jobs {
+    background-color: #111 !important;
+    color: #ddd !important;
+  }
+  .tag-editor, .match-preferences .seniority-selector,
+  .match-preferences .salary-selector .double-field .field-with-bg {
+    background-color: #111;
+  }
+  .tag-editor-wrapper .tag-editor {
+    background-color: #111;
+    color: #ccc;
+  }
+  .search-form:not(.viv-stacksified).responsive .filter-pane .-nav ul._tabs li.tab [data-tab] a .filter-indicator,
+  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor {
+    background-color: #111;
+    color: #ccc;
+    border-color: #444;
+  }
+  .s-input:focus, .s-input.has-focus, .s-textarea:focus,
+  .s-select > select:focus,
+  input#tageditor-replacing-tagnames--input.s-input:focus {
+    border-color: /*[[base-color]]*/ !important;
+    box-shadow: 0 0 0 1px /*[[base-color]]*/ !important;
+  }
+  textarea:not(.s-input):focus, input[type="text"]:not(.s-input):focus,
+  input[type="password"]:not(.s-input):focus,
+  input[type="number"]:not(.s-input):focus,
+  input[type="email"]:not(.s-input):focus, input[type="url"]:not(.s-input):focus,
+  input[type="search"]:not(.s-input):focus,
+  input[type="tel"]:not(.s-input):focus,
+  input[type="datetime"]:not(.s-input):focus, .input:not(.s-input):focus,
+  .input._uneditable:not(.s-input):focus, textarea:not(.s-input)._focus,
+  input[type="text"]:not(.s-input)._focus,
+  input[type="password"]:not(.s-input)._focus,
+  input[type="number"]:not(.s-input)._focus,
+  input[type="email"]:not(.s-input)._focus,
+  input[type="url"]:not(.s-input)._focus,
+  input[type="search"]:not(.s-input)._focus,
+  input[type="tel"]:not(.s-input)._focus,
+  input[type="datetime"]:not(.s-input)._focus, .input:not(.s-input)._focus,
+  .input._uneditable:not(.s-input)._focus {
+    background-color: #111;
+    border-color: /*[[base-color]]*/;
+    box-shadow: inset 0 2px 2px #111, 0 0 5px rgba(/*[[base-color-rgb]]*/, .8);
+  }
+  input[type="text"]:not(.s-input), input[type="password"]:not(.s-input),
+  input[type="number"]:not(.s-input), input[type="email"]:not(.s-input),
+  input[type="url"]:not(.s-input), input[type="search"]:not(.s-input),
+  input[type="tel"]:not(.s-input), input[type="datetime"]:not(.s-input),
+  input[type="datetime-local"]:not(.s-input), input[type="date"]:not(.s-input),
+  textarea:not(.s-input), .table._whiteBg {
+    background-color: #111 !important;
+  }
+  img[src*="robot-raising-hand"] {
+    filter: invert(1) hue-rotate(180deg);
+    mix-blend-mode: exclusion;
+  }
+  img[src*="list-"] {
+    filter: grayscale(1);
+  }
+  img[src*="illo-feats-vote.svg"], img[src*="illo-feats-tags.svg"],
+  img[src*="illo-feats-answer.svg"], img[src*="illo-feats-accept.svg"],
+  img[src*="illo-feats-ask.svg"], img[src*="ask-a-question.svg"],
+  img[src*="votes.svg"], img[src*="answer.svg"], img[src*="tags.svg"],
+  img[src*="accept.svg"], img[src*="get-recognized.svg"],
+  img[src*="developer.svg"], img[src*="open-source.svg"],
+  img[src*="advocate.svg"], img[src*="career-switcher.svg"] {
+    filter: invert(1) hue-rotate(180deg);
+    mix-blend-mode: exclusion;
+  }
+  .profile-placeholder--image, .timeline .readings .readings-placeholder .img,
+  .timeline-item .joined-so-wrapper .img, .md\:w100[src*="conduct-illo.svg"],
+  .wmx100[src*="404.svg"], img[src*="ico-binoculars.svg"],
+  .timeline-feed-empty .img {
+    filter: invert(1) hue-rotate(180deg) brightness(400%);
+    mix-blend-mode: exclusion;
+  }
+  img[src*="iq-logo.svg"], img[src*="illustration-new-question.svg"] {
+    filter: invert(1) hue-rotate(180deg) saturate(200%);
+    mix-blend-mode: exclusion;
+  }
+  /* fixes broken elements of dark theme */
+  .s-sidebarwidget {
+    background-color: var(--black-075) !important;
+  }
+  .s-topbar .s-topbar--logo .-img {
+    filter: invert(1) hue-rotate(180deg) !important;
+  } 
+  .s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
+    color: var(--black-800);
+  }
+  /* endof fixes */
+  .why-jobs-v2 .cta-cards .-card._browse-tech .-image,
+  .why-jobs-v2 .cta-cards .-card._browse-salary .-image,
+  .why-jobs-v2 .cta-cards .-card._browse-newest .-image,
+  .why-jobs-v2 .cta-cards .-card._browse-near .-image,
+  .why-jobs-v2 .cta-cards .-card._browse-remote .-image,
+  .why-jobs-v2 .cta-cards .-card._browse-visa .-image {
+    filter: invert(1) hue-rotate(180deg) brightness(140%);
+  }
+  .s-sidebarwidget--item .favicon,
+  .timeline-public .timeline-public-header .logo {
+    filter: invert(1) hue-rotate(180deg);
+  }
+  .expander-arrow-small-hide, .expander-arrow-small-show,
+  .why-jobs-v2 .developers-first::before,
+  .why-jobs-v2 .work-from-anywhere::before {
+    filter: brightness(60%);
+  }
+  .search-form.responsive .filter-pane .chosen-container .chosen-choices li.search-field input[type="text"],
+  .bg-black-050, .h\:bg-black-050:hover, .f\:bg-black-050:focus {
+    color: #ccc !important;
+  }
+  .search-form:not(.viv-stacksified).responsive .filter-pane,
+  .search-form:not(.viv-stacksified).responsive .filter-pane .-nav ul._tabs li.tab [data-tab] a span {
+    color: #ccc;
+  }
+  .search-form:not(.viv-stacksified).responsive .filter-pane .-nav ul._tabs li.tab [data-tab] a .icon {
+    filter: grayscale(1) invert(1) brightness(200%);
+  }
+  .search-form:not(.viv-stacksified).responsive .filter-pane .-nav ul._tabs li.tab {
+    background-color: #222;
+    border: 1px solid #444;
+  }
+  .snippet-code .popout::before, .snippet-code .popout-code::before,
+  .snippet-code .hideResults::before, .icon-print {
+    filter: grayscale(1) brightness(180%) !important;
+  }
+  .user-page .subheader.reloaded .additional-links a:hover, code.bg-black-050 {
+    background: #333 !important;
+  }
+  .snippet-code .popin, .user-show-new .history-table .reviewed-action {
+    background: #333 !important;
+  }
+  .user-page .subheader.reloaded .additional-links a:hover, .bg-black-050,
+  .h\:bg-black-050:hover, .f\:bg-black-050:focus {
+    background: #292929 !important;
+  }
+  .top-bar .-marketing-link.is-selected:hover,
+  .top-bar .-marketing-link.is-selected:focus {
+    background-color: #da670b !important;
+    color: #eee !important;
+  }
+  .actual-edit-overlay {
+    -webkit-box-shadow: 0 0 0 1000px #111 inset;
+    -webkit-text-fill-color: #fff !important;
+  }
+  .gsc-selected-option-container {
+    background-color: #111 !important;
+  }
+  .wz-section-container.focused {
+    background: #111;
+  }
+  .s-table thead th {
+    background: #181818;
+  }
+  #synonyms-table.s-table.s-table__sortable thead th a[href] {
+    color: inherit;
+  }
+  .profile-ad, .message.message-config, .so-header a:hover,
+  .so-header a.topbar-icon-on, .timeline-item, .sidebar-profile .-item,
+  .btn-outlined.-white:hover, .top-bar a:not([href]):hover,
+  .top-bar a:not([href]):focus, .top-bar .-item._active,
+  .top-bar .-feature-notice:hover, .top-bar .-feature-notice.topbar-icon-on,
+  .topbar-dialog .dialog-content, .feature-notice-dialog::before, .-item.social,
+  .salary-results-container .collection, .sidebar #post-job,
+  .sidebar .salary-survey-sidebar, .ui-dialog, .sticky-menu-wrapper._sticky,
+  .-summary, .field._toolbar .-toolbar, .timeline .feature-banner__background,
+  .timeline .readings .readings-list .readings-item {
+    background: #151515 !important;
+  }
+  .js-announcement-banner.bg-black-700 {
+    background-color: #444777 !important;
+  }
+  .timeline .readings .readings-list .readings-item .readings-image {
+    background: #444;
+  }
+  .topbar-dialog .header {
+    background-color: #333;
+  }
+  .topbar-dialog {
+    background-color: #111;
+    border-color: #333;
+    color: #ccc;
+  }
+  .timeline .readings .readings-list .readings-item,
+  .badges-page .single-badge-table .single-badge-row-reason, .s-press .-item,
+  .timeline-public .timeline-public-header, .s-btn__google, .s-btn__google:hover,
+  .bookmark-container, .salary-changelog, .salary-cta:hover,
+  .timeline-item .mini-counts, .cv-story .mini-counts {
+    border-color: #444;
+  }
+  .top-bar .left-sidebar-toggle:hover,
+  .top-bar .left-sidebar-toggle.topbar-icon-on, svg[style="background:#fff;"] {
+    background-color: #191919 !important;
+  }
+  #post-job, .top-bar a.-logo.topbar-icon-on, .company-module footer,
+  .company-module > header > h2, .company-module .-details strong span {
+    background: #202020;
+  }
+  .salary-calculator-calculator, .salary-results {
+    background: #181818;
+    border-color: #444;
+  }
+  #privilege-category-descriptions .privilege-icon,
+  .privilege-table-row .privilege-icon, .favicon-stackexchangemeta {
+    filter: grayscale(100%) !Important;
+  }
+  .answer {
+    background: rgba(35, 35, 35, .69);
+    border-left: 1px solid #555;
+    border-right: 1px solid #555;
+  }
+  .bg-black-025, .h\:bg-black-025:hover, .f\:bg-black-025:focus,
+  .top-bar a.-logo:hover, .current-site a.site-link:hover {
+    background: #282828 !important;
+  }
+  .top-bar .-secondary .-item._active,
+  .top-bar .-secondary .-item .-link.topbar-icon-on,
+  .top-bar .-secondary .-item .-link.topbar-icon-on:hover {
+    background-color: #333;
+    color: #ddd;
+  }
+  .autocomplete-suggestions.is-visible {
+    border: 1px solid #555 !important;
+    background: #222 !important;
+  }
+  .autocomplete-suggestion.selected {
+    background: #333 !important;
+    color: #eee !important;
+  }
+  .s-label--status {
+    background: #444 !important;
+    color: #aaa !important;
+  }
+  .cv-logo-blank {
+    background: #191919;
+    color: #eee;
+  }
+  /* === Text Color === */
+  .comment-up-off, .comment-flag, .comment-flag-off,
+  .profile-cards--graph .grid--cell, .g-col .f-label {
+    color: #444 !important;
+  }
+  label[for="sorting-options"], .company-list div.fc-black-500 {
+    color: #666 !important;
+  }
+  .timeline .feature-banner--headline, .timeline-item .timeline-item-text,
+  #side-menu ul ul li > a:focus, #side-menu ul ul li > a:active, .currency-note,
+  .salary-input-item .salary-note, .currency-label,
+  .s-press .-item .-details .-complementary,
+  #sidebar .s-contact-box .-details ._muted, .text-muted {
+    color: #888;
+  }
+  .s-btn.s-btn__muted:hover, .user-show-new .user-rep-full .rep-desc,
+  .user-show-new .user-rep-full .rep-info,
+  .user-show-new .user-rep-full .rep-day, .page-numbers, .vote span,
+  .timeline .header-edit-section .empty-description .placeholder-title,
+  .s-btn.stackexchange-login, .s-btn.google-login,
+  .min-ds-wizard .min-ds-box.jobs .min-ds-title p,
+  .min-ds-wizard .min-ds-box.jobs .min-ds-content label .optional-unless-resume,
+  .min-ds-wizard .min-ds-box.jobs .min-ds-content .optional-text,
+  .resume-uploader p.upload-allowed-extensions,
+  .timeline-item.add .add-item-list .item-add, .title-box > p, .title-box p,
+  .help-text, .mute-text, .why-jobs-v2, .profile-section-title span,
+  .timeline .header .meta, .site-footer .-link, .s-btn__unset,
+  svg.iconStar:not(:hover), .favorites-count-off {
+    color: #999;
+  }
+  .ob-post-tag, .ob-user-tag, .deleted-answer .util-bar a, .msg-list .msg-text,
+  .s-table td, #side-menu ul ul li > a .svg-icon, .nav-links .fc-medium,
+  #top-cards .fc-black-350 svg, #user-card .fc-black-350 svg,
+  .company-list .fc-black-500 svg:not(.fc-green-400):not(.fc-orange-400),
+  .company-list p, .-settings span, .s-description, p.fc-black-700,
+  a.s-link__grayscale, .s-link.s-link__grayscale, .site-footer--copyright p,
+  #side-menu ul ul li > a, .sort label[for="sorting-options"],
+  .company-list div.fc-black-500, html:not(#X) .fc-black-200, svg.iconLocation,
+  svg.iconTwitter, svg.iconGitHub, svg.iconMoney, svg.iconVacation,
+  svg.iconHealth, svg.iconComputer, svg.iconClock, svg.iconFood,
+  svg.iconFaceSmile, svg.iconHeart, svg.iconFitness, svg.iconSubway,
+  .s-anchors.s-anchors__muted a:not(.s-link),
+  .s-anchors .s-anchors.s-anchors__muted a:not(.s-link), .fc-black-300,
+  .h\:fc-black-300:hover, .f\:fc-black-300:focus {
+    color: #999 !important;
+  }
+  .user-details td, .content-page, h2:not([style]), h2 a, .profile-popup a:hover,
+  .module h4, .page-description, #openid_identifier, .form-item label,
+  .subheader h2, #side-menu ul ul li > a:hover .svg-icon,
+  .message.message-config .message-close:hover,
+  .contributor-dropdown .message-close:hover,
+  .ask-confirmation-popup .message-close:hover,
+  .message.message-config .popup-close a:hover,
+  .contributor-dropdown .popup-close a:hover,
+  .ask-confirmation-popup .popup-close a:hover,
+  .user-page .subheader.reloaded .mini-avatar .name, a.h\:fc-white,
+  .static-content ._muted, html:not(#X) .fc-black-500, .fc-black-500,
+  .s-btn__muted.s-btn__outlined, .fc-black-700, .h\:fc-black-700:hover,
+  .f\:fc-black-700:focus {
+    color: #c1beba !important;
+  }
+  /* these arent !important, but we botch them to make them work */
+  html .job, .label-key, .reputation-score, .fc-black-400, .fc-black-600,
+  .started-link, .question-hyperlink, .s-btn.google-login, .stackexchange-login,
+  html .s-btn__google, [style="color: #8C9298;"], .comment-link {
+    color: #aaa !important;
+  }
+  /* end not !important */
+  span[style="color: #444;"], .email-settings .-info p {
+    color: #aaa !important;
+  }
+  .user-page .settings-page h1 + div.subtitle, .fc-medium .fw-bold, .fc-medium b,
+  .fc-medium li strong, .salary-changelog, .company-module > header .-info p,
+  #index-hed h1 .description, #index-hed h2 .description,
+  #index-hed .-header .description,
+  .about-page .new-about-content-page .user-details,
+  .about-page .new-about-content-page .rep-block,
+  .about-page .new-about-content-page .comments,
+  .min-ds-wizard .min-ds-box.jobs .min-ds-title .filters label,
+  .message.message-config, .displaying-results, .statsBox .number,
+  .achievements-dialog .utc-clock, .placeholder-text,
+  .timeline-sidebar .timeline-sidebar-module .privacy-helper,
+  .s-stat .-description, .top-bar .-secondary .-link, .post-menu > a,
+  .statscontainer, .users-page .user-info .user-tags > a,
+  .new-about-content-page .user-details, .new-about-content-page .rep-block,
+  .new-about-content-page .comments, .top-question-meta-info,
+  .top-question-score, .action-list:not(.popup-condensed) .action-desc,
+  #tags_list .excerpt, #tags_list .stats-row, .hero-box .column,
+  .company-module .-details .-benefits li .-text,
+  .faq-page #mainbar .col-section .col-section h2 a,
+  .faq-page #mainbar .col-section .col-section h3 a, label:not(.s-label),
+  .label:not(.s-label), .answerBox, .answerBox:visited, .community-option,
+  .message.message-config a:not(.badge-tag):not(.button):not(.btn):not(.post-tag),
+  .user-summary-details .user-created, .user-summary-details .user-saved-queries,
+  .s-empty-state, .timeline .header .job a, .timeline .header .meta a,
+  .user-page .settings-page .help {
+    color: #aaa;
+  }
+  .topbar-dialog.help-dialog .item-summary,
+  .topbar-dialog.inbox-dialog .inbox-item .item-content .item-summary,
+  .topbar-dialog.modInbox-dialog .inbox-item .item-content .item-summary,
+  .topbar-dialog.achievements-dialog .inbox-item .item-content .item-summary,
+  .subheader a span, .disabled-link, .nav-links .nav-links--link,
+  .nav-links .nav-links--link:visited,
+  .s-anchors.s-anchors__grayscale a:not(.s-link),
+  .s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link),
+  .timeline .readings .readings-list .readings-item .readings-item-text .readings-item-author,
+  .s-anchors.s-anchors__grayscale a:not(.s-link):hover,
+  .s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):hover,
+  .s-anchors.s-anchors__grayscale a:not(.s-link):active,
+  .s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):active,
+  .s-anchors.s-anchors__grayscale a:not(.s-link):visited,
+  .s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):visited {
+    color: #bbb;
+  }
+  #top-menu a, .subheader a, .reputation a, .relativetime.old,
+  .votes-cast-stats td, #chat .system-message, .card .rep,
+  .user-card .user-stats .number, .user-card .user-card-name,
+  .cv-story .time-frame, .-list-item.is-completed .-description,
+  .s-footer .-toc th, .event-count, .post-timeline td, .post-timeline th,
+  .msg-select-all-label, .fc-light, .s-table th, .input-group .f-label,
+  .-job-summary .-company, h1.fc-black-800, [class*="grid-"] .fc-black-700,
+  p.fc-black-800, .about-page .new-about-content-page h2.about-title,
+  .fc-black-350, .fc-medium, .label-key > b, .top-bar .-main .navigation .-link,
+  .fc-black-800, .h\:fc-black-800:hover, .f\:fc-black-800:focus,
+  .s-tag.bg-black-075 {
+    color: #ccc !important;
+  }
+  .narrow .status, .narrow .views, .search-form .job-alert-tooltip .text,
+  .user-show-new .user-tab .subheader .count, .message.message-config h1,
+  .message.message-config h2, .message.message-config h3,
+  .message.message-config h4, .message.message-config .popup-nav li a,
+  .message.message-config.tooltip .message-text,
+  .user-show-new .user-rep-full .rep-time,
+  .user-show-new .user-rep-full .timeline-date,
+  .top-bar .-secondary .-item .-link:hover, .post-menu > a:hover,
+  a.s-link__muted:hover, .s-link.s-link__muted:hover,
+  a.s-link__muted.s-link__visited:hover,
+  .s-link.s-link__muted.s-link__visited:hover, a.s-link__muted:active,
+  .s-link.s-link__muted:active, a.s-link__muted.s-link__visited:active,
+  .s-link.s-link__muted.s-link__visited:active, .site-footer--copyright p a,
+  .post-text, .comment, .users-page .user-info .user-tags > a:hover,
+  .answer-votes, .cool, .mini-counts.cool, .message.incomplete, .salary-value,
+  .salary-calculator, .calculator-header, .accepted-answer .post-text,
+  #tags_list .stats-row a, #tags_list .stats-row a:visited,
+  #tags_list span:not(.page-numbers):not(.item-multiplier-x), .item-multiplier,
+  .item-multiplier-count, .empty, .subtabs a.youarehere:hover,
+  .filter a.youarehere:hover, .subtabs a.active:hover, .filter a.active:hover,
+  .subtabs a:hover, .filter a:hover, .s-block-link,
+  .modal.image-upload .modal-options,
+  .modal.image-upload .modal-dropzone-default p,
+  .modal.image-upload .modal-dropzone-default p b,
+  .s-navigation .s-navigation--item, .footer,
+  .timeline-feed-empty .placeholder-text > p,
+  .search-form.responsive .filter-pane .-nav ul._tabs li.tab [data-tab] a span,
+  .timeline-item, .timeline .or-separator, a.job-link span, .narrow .mini-counts,
+  .s-sidebarwidget--item[aria-current="true"],
+  .s-sidebarwidget--item > :first-child[aria-current="true"],
+  .s-sidebarwidget--item[aria-current="page"],
+  .s-sidebarwidget--item > :first-child[aria-current="page"],
+  .user-page .settings-page .email-settings .-settings td.-desc strong,
+  #logins-table .pretty-login, .activity-status-prompt > .-fields > .-label,
+  .stats-mainbar .task-stat-table .review-stats-count, .-votes .mini-counts,
+  .s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-btn):not(.post-tag):not(.s-sidebarwidget--action),
+  .s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-btn):not(.post-tag):not(.s-sidebarwidget--action):visited,
+  .mdhelp, .timeline-item .timeline-item-title,
+  .timeline-item .timeline-item-paragraph, .timeline-item .mini-counts,
+  .cv-story .mini-counts, .s-modal--body {
+    color: #ccc;
+  }
+  .nav-links .youarehere .nav-links--link,
+  .timeline-item.add .add-item-list .item-add:hover, .val-message,
+  .min-ds-wizard .min-ds-box.jobs .min-ds-title .filters label:hover,
+  .title-box .title, .title-box > .title,
+  .s-btn.s-btn__muted:not(.s-btn__outlined):hover,
+  .topbar .login-links-container a:hover, .badge-top._badge1 .-name,
+  .badge-top._badge2 .-name, .badge-top._badge3 .-name,
+  .s-progress__privilege .s-progress--label, .s-progress--label {
+    color: #ddd;
+  }
+  .nav-links .nav-links--link:hover, .nav-links .nav-links--link:focus,
+  .nav-links .nav-links--link:active, #side-menu ul ul li > a.youarehere,
+  .s-sidebarwidget--subnav li[aria-current="page"] a, .site-footer .-title a,
+  html .module, .subtabs .youarehere.is-selected, .svg-icon.iconShare,
+  .iconBriefcaseSm, #tabs-interval.subtabs a:hover, input,
+  .accepted-answer .user-action-time, #question-header a:not(.s-btn), .user-info,
+  .topbar-dialog .header h3, .topbar-dialog .header h3 a, .topbar-dialog span,
+  .votes-cast-stats th, .subheader h1, .message.message-config h1,
+  .message.message-config h2, .message.message-config h3,
+  .message.message-config h4, .company-module a:hover *, .search-form .label,
+  .search-form label, .list.companies p, #snpte-button-run, .timeline .header h4,
+  .-title, #profile-side #side-menu a:hover, .-rep, .-total,
+  .-list-item .-description, .message.message-error a,
+  .chosen-container .chosen-results li, .salary-calc-inputs span,
+  .salary-survey-dialog .header h3, .title-banner h1,
+  .salary-results-container h1, .topbar-dialog h4, .heading, .module h3,
+  .badge-tag, .s-label, .-link__with-icon:hover .svg-icon, .youarehere a,
+  .youarehere .svg-icon, h1, h2:not([style]), h3, h4, h5, h6, .h1, .h2, .h3, .h4,
+  .h5, .h6, .tour-bubble p, header h2.fc-dark, .fc-dark,
+  #logins-table .group-name, .top-bar .-marketing-link, html:not(#X) .fc-white,
+  html:not(#X) .h\:fc-black-900:hover, .new-about-content-page h2.about-title,
+  li.s-sidebarwidget--item a[aria-current="page"],
+  .s-sidebarwidget--item[aria-current="true"] a, .svg-icon.iconWave {
+    color: #ddd !important;
+  }
+  .mdhelp li[data-tab*="mdhelp-"]:hover, .s-badge__bounty {
+    color: #eee;
+  }
+  .subtabs.user-panel-subtabs a:hover,
+  .s-navigation .s-navigation--item.is-selected:hover,
+  .why-jobs-v2 .developers-first, .why-jobs-v2 .developers-first h2,
+  .message.message-info a:not(.badge-tag):not(.button):not(.btn):not(.post-tag),
+  .answered-accepted, .answered-accepted .mini-counts,
+  .answered-accepted .minicounts span, .s-btn__muted.s-btn__outlined:hover,
+  .s-btn__muted.s-btn__outlined:active, .message.message-info,
+  .s-block-link:hover, .s-block-link:active, li.s-sidebarwidget--item a:hover,
+  #more-actions a.fc-black-500:hover, html:not(#X) .s-card a.fc-black-500:hover,
+  .gv-size-huge .btn, .fc-white, .h\:fc-white:hover, .f\:fc-white:focus {
+    color: #eee !important;
+  }
+  .top-bar .navigation .-link:hover, .top-bar .navigation .-link:focus {
+    background-color: #242424;
+    color: #eee;
+  }
+  .show-votes .sidebar-linked .spacer > a:first-child .answer-votes,
+  .show-votes .sidebar-related .spacer > a:first-child .answer-votes {
+    background: #353535;
+    color: #ccc;
+  }
+  .icon-job-big, .icon-project-opensource-big, .icon-project-apps-big,
+  .icon-achievement-big, .icon-education-big, .icon-certification-big,
+  .icon-artifact-big, .icon-generic-assessment-big, .icon-generic-big,
+  .min-ds-step-counter .step.completed, .icon-q-small, .icon-a-small {
+    filter: grayscale(1) brightness(200%);
+  }
+  .top-bar .-secondary .-link._danger-indicator::after {
+    border-color: #111;
+  }
+  .top-bar .-secondary .-item .-link:hover .indicator-badge,
+  .top-bar .-secondary .-link._danger-indicator:hover::after {
+    border-color: #242424;
+  }
+  .top-bar .-secondary .-item._active .indicator-badge,
+  .top-bar .-secondary .-item .-link.topbar-icon-on .indicator-badge,
+  .top-bar .-secondary .-item .-link.topbar-icon-on:hover .indicator-badge,
+  .top-bar .-secondary .-item._active ._danger-indicator::after,
+  .top-bar .-secondary .-item .-link.topbar-icon-on._danger-indicator::after,
+  .top-bar .-secondary .-item .-link.topbar-icon-on._danger-indicator:hover::after {
+    border-color: #111;
+  }
+  .top-bar .indicator-badge.wb-unread-count {
+    background-color: /*[[base-color]]*/ #4183c4;
+  }
+  .top-bar .indicator-badge {
+    --blue-600: #135 !important;
+    color: #fff;
+  }
+  .topbar-dialog.wb-inbox-dialog {
+    border-color: #145;
+  }
+  .topbar-dialog.wb-inbox-dialog .header {
+    background-color: #135;
+  }
+  .wb-new {
+    background-color: #321;
+  }
+  .wb-inbox-item > a > p {
+    color: #eee;
+  }
+  .wb-inbox-dialog .wb-footer {
+    --black-025: #222;
+  }
+  a.wb-hat-details-avatar {
+    border: 15px solid transparent;
+  }
+  .wb-outer {
+    background-color: #333;
+    color: #ccc;
+  }
+  .left-sidebar-toggle span, .left-sidebar-toggle span::before,
+  .left-sidebar-toggle span::after, .min-ds-step-counter .step {
+    background-color: #bbb;
+  }
+  html, #post-preview, .nav .primarynav li a, #hsearch .textbox,
+  .welovestackoverflow, #wmd-button-bar, .wmd-button-bar, .qa-block,
+  .content-block, .user-info-rep, .sidebar, .popup, .val-success,
+  .search-form .filter-pane nav, .s-card, .chosen-container .chosen-drop,
+  .pac-item.pac-item-selected, .pac-item:hover, .-item.social:hover,
+  .salary-results, .nav {
+    background: #191919 !important;
+  }
+  body:not(.theme-system) .wmd-button > span {
+    filter: invert(80%) hue-rotate(180deg) contrast(160%);
+  }
+  .grippie {
+    border: 1px solid #444;
+    background-color: #444;
+  }
+  .filter-dashboard-edit #add-tags-button,
+  .filter-dashboard-edit #filter-preview {
+    color: #ccc !important;
+    border: 1px solid #444;
+    background: #333;
+    background: linear-gradient(to bottom, #222, #333);
+  }
+  .timeline-item.edit .img {
+    background-color: #333 !important;
+    border-color: #555 !important;
+  }
+  .authcomment, .seIntro, .seFooter, .title-banner, .salary-results-wrapper,
+  .salary-skill-legend, .msg-list .list-item.is-unread {
+    background-color: #191919 !important;
+    border: 2px solid #262626 !important;
+  }
+  .tag-suggestions, .dropdown li,
+  .proposed-change .diff-buttons a:not(.selected), #logout-form, .snippet-holder,
+  .CodeMirror, .CodeMirror-gutters, .badge-progress.completed,
+  .item-select-table .item, .title-box, .-list-item, .bg-powder-050,
+  .textarea-with-counter .-counter, .temp-popover, .google-login, .btn._google,
+  .s-popover, #user-menu {
+    background-color: #191919 !important;
+    border-color: #444 !important;
+  }
+  .old-hero a.-link, a.s-btn.fc-black-900 {
+    color: #111 !important;
+  }
+  .timeline-item::before {
+    background-color: #111;
+    border-color: #191919;
+    filter: brightness(350%);
+  }
+  .timeline-item.job::before {
+    background-color: #111;
+    border-color: #181818;
+  }
+  .timeline-item.achievement .icon-wrapper .favicon-wrapper {
+    background-color: inherit;
+    border-color: #555;
+  }
+  .timeline-feed .timeline-line {
+    background: #555;
+  }
+  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover,
+  .-votes .icon-vote, .-votes .icon-answer {
+    filter: brightness(250%);
+  }
+  .timeline-item, .timeline-item.add header, .timeline-item.job header,
+  .timeline-item.edit header, .bc-black-9 {
+    border-color: #555 !important;
+  }
+  .s-popover[x-placement^="right"] .s-popover--arrow::before,
+  .s-popover--arrow__lt::before, .s-popover--arrow__lc::before,
+  .s-popover--arrow__lb::before, .s-saved-searches-table tr th:first-child,
+  .s-saved-searches-table tr td:first-child {
+    border-right-color: #555;
+  }
+  .s-popover--arrow__tl::before, .s-popover--arrow__tc::before,
+  .s-popover--arrow__tr::before,
+  .s-popover[x-placement^="bottom"] .s-popover--arrow::before,
+  .s-popover[data-popper-placement^="bottom"] .s-popover--arrow::before,
+  .s-popover--arrow__tl::before, .s-popover--arrow__tc::before,
+  .s-popover--arrow__tr::before {
+    border-bottom-color: #444;
+  }
+  .s-popover--arrow__tl::after, .s-popover--arrow__tc::after,
+  .s-popover--arrow__tr::after,
+  .s-popover[x-placement^="bottom"] .s-popover--arrow::after,
+  .s-popover--arrow__tl::after, .s-popover--arrow__tc::after,
+  .s-popover--arrow__tr::after,
+  .s-popover[data-popper-placement^="bottom"] .s-popover--arrow::after,
+  .s-popover--arrow__tl::after, .s-popover--arrow__tc::after,
+  .s-popover--arrow__tr::after {
+    border-bottom-color: #191919;
+  }
+  .s-popover--arrow, .s-popover--arrow__tl, .s-popover--arrow__tc,
+  .s-popover--arrow__tr, .s-popover--arrow__bl, .s-popover--arrow__bc,
+  .s-popover--arrow__br, .s-popover--arrow__lt, .s-popover--arrow__lc,
+  .s-popover--arrow__lb, .s-popover--arrow__rt, .s-popover--arrow__rc,
+  .s-popover--arrow__rb {
+    color: #181818;
+  }
+  .s-popover[x-placement^="top"] .s-popover--arrow::before,
+  .s-popover--arrow__bl::before, .s-popover--arrow__bc::before,
+  .s-popover--arrow__br::before,
+  .s-popover[data-popper-placement^="top"] .s-popover--arrow::before,
+  .s-popover--arrow__bl::before, .s-popover--arrow__bc::before,
+  .s-popover--arrow__br::before {
+    border-top-color: #555;
+  }
+  .s-popover[data-popper-placement^="top"] .s-popover--arrow::after,
+  .s-popover--arrow__bl::after, .s-popover--arrow__bc::after,
+  .s-popover--arrow__br::after {
+    border-top-color: #191919;
+  }
+  .s-popover {
+    background-color: #191919;
+    border-color: #444;
+    color: #aaa;
+  }
+  .s-popover--arrow::before {
+    background: #444 !important;
+  }
+  body.theme-system .s-popover--arrow {
+    color: #191919;
+  }
+  .bc-black-3, .bc-black-100 {
+    border-color: #444 !important;
+  }
+  /* RSS Feed - issue #87 */
+  body > pre:not(.prettyprint):not(.CodeMirror-line) {
+    background: var(--highlight-bg) !important;
+    color: #ddd;
+  }
+  body.user-page #content * {
+    box-sizing: border-box !important;
+  }
+  .subheader.tools-rev #tabs:nth-child(2) {
+    margin-top: -2px !important;
+  }
+  .subheader.tools-rev #tabs a {
+    margin-top: 3px !important;
+  }
+  .subheader #tabs [href*="account_recovery"],
+  .subheader #tabs a[href*="account_recovery"]:hover {
+    margin-top: 0 !important;
+  }
+  #user-tab-answers .subtabs {
+    margin-top: 4.4px;
+  }
+  #mainbar .subheader #tabs a:hover, #mainbar .subheader #tabs a {
+    margin-top: -2.6px !important;
+  }
+  .subheader.reloaded.js-user-header #tabs a.youarehere {
+    margin-top: 0 !important;
+  }
+  body #mainArea .subheader .tabs a.youarehere,
+  .subheader .tabs a.youarehere:not([href*="company"]),
+  #mainbar .subheader #tabs {
+    margin-top: 3px;
+    border-bottom-color: transparent !important;
+  }
+  .subheader.user-tabs-nav .tabs a.youarehere,
+  .subheader .tabs a[href*="company"].youarehere {
+    margin-top: 0;
+    border-left-color: #444 !important;
+    border-right-color: #444 !important;
+  }
+  .subheader.user-tabs-nav .tabs a:not(.youarehere):hover,
+  .subheader.reloaded #tabs a:not(.youarehere):hover {
+    margin-top: 0 !important;
+    height: 39px;
+  }
+  html:not(#X) #tabs a.youarehere.is-selected {
+    border-color: #555 !important;
+    border-bottom-color: transparent !important;
+    background: #222 !important;
+    margin-top: -1px;
+  }
+  .subheader:not(.user-tabs-nav) .tabs a.youarehere:not([href*="company"]) {
+    border-bottom-color: /*[[base-color]]*/ !important;
+    color: /*[[base-color]]*/ !important;
+  }
+  .timeline-item .description .description-expander ~ .description-expander-label {
+    color: /*[[base-color]]*/;
+  }
+  #tabs a.youarehere::before, .tabs a.youarehere::before {
+    background-color: /*[[base-color]]*/ !important;
+  }
+  #tabs a, .tabs a {
+    border: 1px solid transparent !important;
+  }
+  #tabs a.youarehere,
+  .tabs a:not([href*="company"]):not([id*="category-"]):not([href*="users"]).youarehere {
+    border-color: #444 !important;
+    border-bottom-color: transparent;
+  }
+  .subheader .tabs a.youarehere[href*="company"] {
+    border-bottom-color: transparent !important;
+    background-color: #222;
+  }
+  #mainArea.at-top .tabs a.youarehere, #mainArea.at-top .tabs a,
+  .tabs a[id*="category-"], .tabs a[id*="category-"]:hover {
+    border: 1px solid transparent !important;
+    background-color: transparent !important;
+  }
+  .youarehere:hover {
+    background: #222 !important;
+  }
+  .subheader:not(.user-tabs-nav) .tabs a:not([href*="company"]):hover,
+  .sort a.current, .subtabs a.youarehere, .subtabs a:hover {
+    border-bottom-color: /*[[base-color]]*/ !important;
+    color: /*[[base-color]]*/ !important;
+  }
+  .subheader, .subheader._level-2 {
+    background: transparent;
+    border-color: #555;
+  }
+  #user-about-me, .user-about-me, .mine .messages, .avatar-card, .tag-container,
+  .dropdown {
+    background: #191919 !important;
+    border: 0 !important;
+    color: #c1beba !important;
+  }
+  #chat .mine .messages, .salary-share, .share-tip {
+    background-color: #292929 !important;
+    border: 1px solid #444 !important;
+  }
+  .topbar-dialog.siteSwitcher-dialog .current-site-container {
+    background-color: #191919;
+  }
+  #tag-menu, #overlay-header, .action-list .action-selected,
+  .switcher-nudge-lightbox, .user-rep-chart-summary-tooltip:hover, #or,
+  .account-number, .topbar, .wmd-prompt-dialog, .wb-popup-content,
+  .wb-hat-details, .docs-review-page .history-table tr.even td, kbd, kbd code,
+  .switcher label, .timeline-item-actions, .cv-story .section-opener h2,
+  .cv-story .section-opener::after, .header-edit-section .ctas,
+  .item-select-table .item:hover, .visa-wrapper, .chosen-choices,
+  .p-top-tags .-tag-group, .chosen-results .active-result,
+  .salary-results-wrapper .inline-survey-cta, #messages-interface .callout,
+  .tour-bubble .-body, .why-jobs-v2 .developers-first select option,
+  .wmd-button__active, .wmd-inline-dialog,
+  .search-form.responsive .filter-pane nav ul._tabs li.tab [data-tab] a span,
+  .s-modal--dialog, .timeline-feed-empty {
+    background-color: #222 !important;
+    color: #ddd !important;
+  }
+  .profile-popup, .profile-popup tr, .profile-popup th, .profile-gravatar,
+  .roomcard, .seWrapper, h2.index.header, .list-originals .item.hover,
+  .list-originals .body-summary, .review-instructions-reason, .room-mini,
+  #formContainer, #switch, .login-topbar, .newsletter-category, .newsletter-item,
+  .blogcontainer, .usercard-xxl, .roomcard-xxl,
+  .docs-review-page .topic-draft-bar, .badge-progress, .avatar-wrapper,
+  .s-progress-bar .-bar, .-job-badges .-badge, .search-form .job-alert-tooltip,
+  .bg-white, .tag-popup .-container, .tag-popup .-arrow::before,
+  .l-main-col a.btn-secondary, .messaging-v2 .btn-secondary.is-active,
+  .bar-sm.bg-black-025, .search-form.responsive .filter-pane nav ul._tabs li.tab {
+    background-color: #222 !important;
+    border-color: #555 !important;
+    color: #ddd !important;
+  }
+  .bg-black-750, .h\:bg-black-750:hover, .f\:bg-black-750:focus {
+    background-color: #232323 !important;
+  }
+  #header #topbar, .date-span, .form-submit input:not([type="button"]),
+  .preferred-login, .date_brick, .more-info, .review-stats-current-user,
+  .review-stats-count-current-user, .topbar-menu-links, .input-group .-fill {
+    background: #222 !important;
+    color: #ddd !important;
+    -webkit-border-radius: 3px !important;
+            border-radius: 3px !important;
+  }
+  .topbar.newheader, .network-items>a, .icon-help, .icon-help:hover,
+  .s-notice__important, .s-notice.s-notice__outlined,
+  ul.menu-popout li.fc-dark.bg-green-050 {
+    background-color: #222 !important;
+  }
+  .calendar, .calendar-small, .mspark .mspbar, #promo-box,
+  #input-area .input-hint, .tour-page .feature-selection li a.triggered,
+  .ob-docs,
+  .topbar.newheader .topbar-wrapper .topbar-links .search-container #search input[name="q"],
+  .mainbar.discussion .discussion-item, .pager a span:not(.page-numbers),
+  .page-sizer a:not(.page-numbers), .self {
+    background: #222 !important;
+    color: #ddd !important;
+  }
+  .tour-page .tour-content section:nth-child(n+1), .users-page .user-info:hover,
+  .nav-left-col a, .new-post-login .stackexchange-login:hover,
+  .new-post-login .google-login:hover,
+  .s-btn__muted:not(.facebook-login):not(.fc-dark),
+  .s-btn__muted:not(.facebook-login):not(.fc-dark):focus {
+    background: rgba(34, 34, 34, .5) !important;
+  }
+  .why-jobs-v2 .slanted-background._light-gray::before,
+  #jobs-sidebar-panel .s-sidebarwidget--header.bg-white,
+  html:not(#X) .fc-orange-400.bg-white, html:not(#X) .p-bg-purple .bg-white,
+  aside .s-anchors .s-sidebarwidget--header {
+    background-color: #202020 !important;
+  }
+  .bg-powder-100 {
+    background-color: #83898e !important;
+  }
+  .facebook-login, .facebook-login:hover, .s-btn__facebook.facebook-login {
+    color: #eee !important;
+    background-color: #395697 !important;
+  }
+  html:not(#X) .s-btn__facebook {
+    color: #eee !important;
+    background-color: #395697 !important;
+  }
+  html:not(#X) .s-btn__facebook:hover {
+    background-color: #395697 !important;
+    filter: brightness(110%);
+  }
+  .facebook-login:hover, .s-btn__facebook.facebook-login:hover {
+    background-color: #395697;
+    filter: brightness(110%);
+  }
+  html:not(#X) .s-btn.google-login:hover,
+  html:not(#X) .stackexchange-login:hover, html .s-btn__google:hover {
+    color: #eee !important;
+    background: #232323 !important;
+  }
+  html:not(#X) .stackexchange-login, .s-btn__muted.s-btn__outlined, textarea,
+  select, html:not(#X) .f-radio-toggle._muted .f-label {
+    border-color: #555 !important;
+  }
+  .s-btn__muted.is-selected {
+    color: #ccc !important;
+    background-color: #282828 !important;
+  }
+  .s-btn__muted:not(.youarehere):not(.s-btn__outlined).is-selected:hover,
+  .s-btn__muted:not(.youarehere):not(.s-btn__outlined).is-selected:focus,
+  .s-btn__muted:not(.youarehere):not(.s-btn__outlined).is-selected:active,
+  .s-btn.s-btn__muted:not(.youarehere):not(.s-btn__outlined):not(.facebook-login):hover,
+  .s-btn.s-btn__muted:not(.youarehere):not(.s-btn__outlined):not(.facebook-login):focus,
+  .s-btn.s-btn__muted:not(.youarehere):not(.s-btn__outlined):not(.facebook-login):active {
+    color: #ccc !important;
+    background-color: #282828 !important;
+  }
+  .s-btn.s-btn__unset, .s-btn.s-btn__unset:hover, .s-btn.s-btn__unset:active {
+    background: transparent !important;
+    color: unset;
+  }
+  .ad502-room, .message.message-config .actions, .tag-container .col, .congrats,
+  .task-stat-table tdm {
+    background-color: #232323 !important;
+    border: 1px solid #191919 !important;
+  }
+  .rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes,
+  .card, .congrats, .-card {
+    background-color: #232323 !important;
+    color: #bbb !important;
+  }
+  #jobs-sidebar-panel .s-sidebarwidget--header, .s-sidebarwidget--header,
+  .s-sidebarwidget .s-sidebarwidget--header.grid {
+    background-color: #292929 !important;
+    color: #ddd;
+  }
+  .s-sidebarwidget, .s-sidebarwidget.module,
+  .s-sidebarwidget.module .s-sidebarwidget--content.s-sidebarwidget__items {
+    background-color: #191919;
+  }
+  #jobs-sidebar-panel .s-sidebarwidget--content.s-sidebarwidget__items,
+  #featured-company-page-ad .company-module {
+    background-color: #191919 !important;
+  }
+  .jobs-saved-search-editor::before {
+    box-shadow: -1px 1px 0 #444, -3px 1px 3px -1px rgba(0, 0, 0, .11);
+    background: #202020;
+  }
+  html:not(#X) .jobs-saved-search-editor {
+    background: #202020 !important;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
+    border-color: #444;
+  }
+  .list-card {
+    background-color: #232323 !important;
+    border-color: #555 !important;
+  }
+  .list-card::before {
+    border-left: 12px solid transparent !important;
+    border-right: 12px solid transparent !important;
+    border-top: 9px solid #232323 !important;
+  }
+  .filter a.youarehere, .subtabs a.active, .filter a.active,
+  .timeline .header-edit-section .empty-description,
+  .timeline .feature-banner__background, .user-page .settings-page h1,
+  .inner-container, .tag-editor:not(.s-input),
+  .match-preferences .seniority-selector,
+  .matching-preferences #location-widget .location-wrapper .visa-wrapper,
+  .match-preferences .salary-selector .double-field .field-with-bg,
+  .user-page .settings-page h1 + div.subtitle,
+  .resume-uploader #uploader-wrapper .qq-upload-drop-area,
+  .user-page .settings-page .email-settings .-info,
+  .user-page .settings-page .email-settings .-settings tr:not(:last-child) td,
+  .min-ds-wizard .min-ds-box.jobs,
+  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor,
+  .min-ds-wizard .min-ds-box.jobs .min-ds-cta-section,
+  .min-ds-wizard .min-ds-box.jobs .min-ds-title,
+  .review-bar-container .review-bar {
+    border-color: #555;
+  }
+  .subtabs.user-panel-subtabs a.youarehere, .subtabs.user-tab-sorts a.youarehere {
+    border-left: none !important;
+    border-right: none !important;
+    border-top: none !important;
+  }
+  #user-tab-questions div.subheader .user-tab-sorts {
+    padding-top: 2px;
+  }
+  .s-navigation .s-navigation--item:hover,
+  .s-navigation .s-navigation--item:active {
+    background: #343434;
+    color: #ccc;
+  }
+  .s-navigation.s-navigation__muted .s-navigation--item.is-selected {
+    background: #333;
+    color: #ddd;
+  }
+  #index-hed .sort .select select {
+    border-color: #555;
+    box-shadow: 0 0 5px rgb(85, 85, 85);
+  }
+  #index-hed .sort .select select:focus {
+    border-color: /*[[base-color]]*/;
+    box-shadow: 0 0 5px rgba(/*[[base-color-rgb]]*/, .5);
+  }
+  .filter-dashboard-edit .tag-list {
+    border-color: /*[[base-color]]*/;
+  }
+  .s-btn[data-action="se-uql-list#editCurrent"],
+  html:not(#X) .s-btn[data-action="se-uql#cancelEditor"],
+  .prev-next.test-pagination-next {
+    border-color: transparent !important;
+  }
+  .question-container, .featured-site, .favorite-container, .account-container,
+  .divided-grid .-item, .s-widget-toreplace, .top-question-container,
+  .account-container .account-icon, .wizard-container, .wz-section-container,
+  .wmd-inline-dialog, .wmd-button__active, .popup,
+  .help-center .help-category-box h3,
+  .timeline .header-edit-section .section-divider, .item-select-table,
+  .diff-buttons a.selected, .diff-choices a.selected,
+  .diff-type-controls a.selected, .diff-buttons a.selected:hover,
+  .diff-choices a.selected:hover, .diff-type-controls a.selected:hover,
+  .diff-choices a, .diff-type-controls a, .diff-skipped > div,
+  .user-show-new .answer-summary, .fs-category.has-border,
+  .user-show-new .history-table > tbody > tr,
+  .user-show-new .user-rep-full .rep-table-row > td, .question,
+  #sub-navs .menu-item, kbd, .top-answer-container, .s-sidebarwidget::after,
+  .user-show-new .user-rep-chart-summary, .subscription-container, .snippet-code,
+  .about-page .new-about-content-page .content-block,
+  .about-page .new-about-content-page .qa-block,
+  .about-page .new-about-content-page .user-info-rep, hr,
+  .my-communities ul.community-site li, div.meter,
+  #badge-progress-menu .tm-heading, input[type="text"]:not(.s-input),
+  input[type="password"]:not(.s-input), input[type="number"]:not(.s-input),
+  input[type="email"]:not(.s-input), input[type="url"]:not(.s-input),
+  input[type="search"]:not(.s-input), input[type="tel"]:not(.s-input),
+  input[type="datetime"]:not(.s-input),
+  input[type="datetime-local"]:not(.s-input), input[type="date"]:not(.s-input),
+  textarea:not(.s-input), .table._borders > thead > tr > th,
+  .table._borders > tbody > tr > th, .table._borders > tfoot > tr > th,
+  .table._borders > thead > tr > td, .table._borders > tbody > tr > td,
+  .table._borders > tfoot > tr > td, .new-about-content-page .qa-block,
+  .new-about-content-page .content-block, .sidebar-stats td, .sidebar-stats th,
+  .new-about-content-page .user-info-rep, .-summary,
+  .user-show-new .user-panel .subheader, .s-jobs .-department {
+    border-color: #444;
+  }
+  .pac-container .pac-item .pac-icon {
+    filter: brightness(600%);
+  }
+  ul.comments-list .comment > *, #content, .comments, #question-header,
+  .question-page #answers .answer, .wmd-button-row, .wmd-button-bar, .mdhelp,
+  .s-input, .s-textarea, input, .grippie, .wmd-preview, #tags_list .tag-cell,
+  .flush-left, #sidebar .s-sidebarwidget, .-panel .s-sidebarwidget--header,
+  .s-sidebarwidget--header.bg-white, .-panel .s-sidebarwidget--content,
+  .s-sidebarwidget, .company-module, .topbar-dialog .modal-content li,
+  .pagination > a, .pagination a:visited,
+  .s-sidebarwidget .s-sidebarwidget--header.grid,
+  .-ignored .s-sidebarwidget--content, .s-sidebarwidget--header:not(.module),
+  .module .s-sidebarwidget--content,
+  #jobs-sidebar-placeholder .s-sidebarwidget--header,
+  .s-sidebarwidget.module .s-sidebarwidget--header,
+  .s-sidebarwidget--content.s-sidebarwidget__items, #sub-navs > a,
+  .s-sidebarwidget--content, .bc-black-3,
+  td[style*="border-bottom: 1px solid #727272;"], .s-tag.bg-black-075:hover,
+  .s-tag.bg-black-075, .bc-black-5,
+  .search-form.viv-stacksified .chosen-container .chosen-drop,
+  .chosen-container-active.chosen-with-drop .chosen-single {
+    border-color: #444 !important;
+  }
+  .diff-buttons a:hover, .diff-choices a:hover, .diff-type-controls a:hover,
+  .s-table tr:last-of-type td, .s-table tr:last-of-type th, .s-table th,
+  .s-table td {
+    border-color: #555;
+  }
+  .badges-page .general .badge-hierarchy {
+    border-color: #242424;
+  }
+  #badge-progress-menu {
+    border: 1px solid #444;
+    background-color: #333;
+    color: #eee;
+  }
+  .wmd-button-bar.has-active-button .wmd-button:not(.wmd-button__active) {
+    opacity: 1;
+  }
+  .mdhelp-tabs, .mdhelp-tabs li.selected, .wmd-help-button.active-help {
+    background-color: #303030;
+  }
+  #wmd-undo-button span[style="background-position: -200px -20px;"],
+  #wmd-redo-button span[style="background-position: -220px -20px;"] {
+    filter: brightness(40%);
+  }
+  #system-message, .commentlist, #hero-content, .tabs .selected,
+  .rep-card .rep-col, .sort select, .MathJax_MenuDisabled,
+  .gsc-option-menu-item-highlighted, .secondary-job-results-identifier,
+  .user-page .settings-page .email-settings .-info {
+    background: #232323 !important;
+    color: #999 !important;
+  }
+  .revcell2, .revision td {
+    background: #232323;
+    color: #999;
+  }
+  .search-form.responsive .filter-pane .-nav ul._tabs li.tab {
+    background-color: #282828;
+    border: 1px solid #444;
+  }
+  .search-form.responsive .filter-pane .-nav ul._tabs li.tab:not(.remote)::after {
+    border: 4px solid transparent;
+    border-top-color: #aaa;
+  }
+  .container, .tour-page .headline, .tour-page .cta,
+  .s-progress-bar._badge .-fill {
+    background-image: none !important;
+  }
+  .highlight-row, .highlighted, .card.rep-card .graph, .badge-progress:hover,
+  #newsletter-ad, .search-form .icon-advanced-search, .message.gray,
+  .menu-popout li:hover, .menu-popout .is-selected, #job-detail .-sticky-tabs,
+  .nav-left-col a:hover, .deleted-answer footer .user-info, .util-bar,
+  .accepted-answer .user-info {
+    background-color: #242424 !important;
+    background-image: none !important;
+  }
+  td.review-stats-all-count {
+    background-color: #242424;
+    border: 4px solid #181818;
+  }
+  .answer {
+    padding: 10px !important;
+  }
+  .dropdown li.selected a, .dropdown li.selected a:hover,
+  .ob-docs .example-metric, .menu-popout, .version-row, .version-name,
+  .switcher input[type="radio"]:checked+label, .double-input .separator,
+  .geo-tag, .salary-calc-inputs, .comments-wrap {
+    background: #333 !important;
+    color: #ccc !important;
+  }
+  .MathJax_Menu, .MathJax_MenuLabel:focus {
+    background: #222;
+    color: #ddd;
+  }
+  .modal.image-upload .modal-dropzone-default,
+  .modal.image-upload .modal-dropzone-preview,
+  .search-form.responsive .filter-pane .chosen-container .chosen-choices,
+  .chosen-container .chosen-drop,
+  .search-form.responsive .filter-pane .tag-editor, .MathJax_Menu,
+  .MathJax_MenuRule, .chess-replayer .notes {
+    border-color: #555;
+  }
+  .chosen-container-single .chosen-single {
+    border-left: 1px solid #555 !important;
+  }
+  .modal.image-upload .modal-dropzone-default:hover,
+  .modal.image-upload .modal-dropzone-default.hover,
+  .container .chosen-container .chosen-choices {
+    background: #444;
+    border-color: #666;
+  }
+  .search-form.viv-stacksified .chosen-container .chosen-choices,
+  .search-form.viv-stacksified.responsive .filter-pane .tag-editor {
+    background: #111 !important;
+    border-color: #666;
+  }
+  .owner-answer, .notification, #feed-ticker, #top-menu, .vote-revision td,
+  .privileges-wrapper .stroke, .progress-bar .bar, .bg-black-100,
+  .h\:bg-black-100:hover, .f\:bg-black-100:focus {
+    background: #404040 !important;
+  }
+  .history-table .reviewed-action,
+  .user-page .settings-page .email-settings .-title-row {
+    background-color: #383838;
+  }
+  tr.comment:hover, .reply-parent, .timestamp, .usercard,
+  .answer-help-background, .tabs li, .seNavLinks a:hover, .seNavLinks a:focus,
+  .itemBoxNew, .pagination a.current, .wb-wearing, .impact-card hr,
+  .MathJax_MenuActive, .timeline-item.edit .img .remove {
+    background-color: #444 !important;
+    color: #ddd !important;
+  }
+  .pagination a.selected, .pagination a:hover, .pagination > a.selected,
+  .pagination a:visited.selected, .pagination > a:hover,
+  .pagination a:visited:hover, .pagination > a.current,
+  .pagination a:visited.current, .pagination > a.selected:hover,
+  .pagination a:visited.selected:hover {
+    background-color: /*[[base-color]]*/;
+    color: #fff !important;
+  }
+  #mainbar .pagination .prev-next:hover {
+    color: /*[[base-color]]*/ !important;
+    border: 1px solid transparent !important;
+  }
+  .timeline .or-separator::before, .timeline .or-separator .text,
+  .pac-container::before {
+    background: #444;
+  }
+  hr, .modal .modal-close:hover, .currency-label::after {
+    background: #444 !important;
+  }
+  .timeline .network-accounts .network-account {
+    background: #333;
+    border-color: #555;
+  }
+  .comment__highlight:not([style*="background-color"]),
+  ul.comments-list .comment__highlight .comment-text,
+  ul.comments-list .comment__highlight .comment-actions {
+    background: rgba(102, 102, 102, .8) !important;
+  }
+  #chat .messages .mention, .timeline-item.edit .img .remove:hover {
+    background: #666 !important;
+  }
+  .s-timeline::after, .s-timeline .-period:last-child .-event:last-child::after,
+  .hi {
+    background: #666;
+  }
+  #post-text-container div span {
+    background: #c1beba !important;
+  }
+  .-logo img, img#gh-logo.bg-white {
+    background: #ddd !important;
+  }
+  .sidebar-element .list li .rep-and-badges::before {
+    background: linear-gradient(270deg, #333, rgba(51, 51, 51, 0));
+  }
+  /* === Brown(ish) === */
+  .bg-yellow-200, .h\:bg-yellow-200:hover, .f\:bg-yellow-200:focus {
+    background-color: #fc3 !important;
+    color: #111;
+  }
+  .filter-dashboard-summary.preview-summary {
+    background-color: #321 !important;
+    border-top: 1px solid transparent !important;
+    border: 1px solid #542 !important;
+  }
+  .comment-help {
+    background-color: #321;
+    border: 1px solid #542;
+    color: #ccc;
+  }
+  .timeline-page .post-timeline-v2 .post-timeline tr.deleted-event td,
+  .timeline-page .post-timeline-v2 .post-timeline tr.deleted-event-details td {
+    background-color: rgba(40, 25, 10, .8) !important;
+  }
+  #sideBar .newuser, .stats-sidebar .newuser, .module.newuser, .module.emailsub {
+    background-color: #321 !important;
+    border: 1px solid #542 !important;
+       -moz-box-shadow: none !important;
+    -webkit-box-shadow: none !important;
+            box-shadow: none !important;
+    border-image: initial !important;
+  }
+  .new-post-activity, #new-answer-activity, .val-info, .highlight,
+  a.youarehere::before, .message.regular, .review-post-author-guidance,
+  .tagged-interesting, .tagged-interesting .views,
+  .tagged-interesting .user-info {
+    background-color: rgba(51, 34, 17, .6) !important;
+  }
+  .revision-comment {
+    background-color: inherit;
+    color: #ccc;
+  }
+  #mdhelp .mdhelp-tab pre:not(.bg-transparent):not(.bg-black-050) {
+    background-color: rgba(102, 85, 17, .3) !important;
+  }
+  pre .spaces {
+    color: #433211;
+  }
+  .spaces {
+    background-color: #542;
+  }
+  .fc-yellow-600, .h\:fc-yellow-600:hover, .f\:fc-yellow-600:focus, .fc-warning,
+  .fc-yellow-600 .iconStar, .fc-yellow-600:hover .iconStar {
+    color: #fc3 !important;
+  }
+  div.question-status, .unread {
+    background-color: rgba(51, 34, 17, .6);
+    border-color: #640 !important;
+  }
+  .s-sidebarwidget__yellow .s-sidebarwidget--header {
+    background-color: #321 !important;
+    color: #bbb !important;
+  }
+  .s-sidebarwidget__yellow, .listResults .-item._highlighted {
+    background-color: #241b13;
+  }
+  .s-sidebarwidget__yellow,
+  .s-sidebarwidget__yellow .s-sidebarwidget .s-sidebarwidget--header,
+  .s-sidebarwidget__yellow .s-sidebarwidget--content,
+  #important-custom-content .s-sidebarwidget__yellow,
+  html:not(#X) .s-sidebarwidget__yellow,
+  .s-sidebarwidget__yellow .s-sidebarwidget::after,
+  .s-sidebarwidget__yellow::after {
+    border-color: #651 !important;
+  }
+  .bg-yellow-300, .fc-yellow-900 {
+    background-color: #651 !important;
+    color: #aaa !important;
+  }
+  .event-banner, .filter-dashboard-edit .floating-help {
+    background-color: #321;
+    border-color: #651;
+  }
+  .badge1-alternate, .badge2-alternate, .badge3-alternate, .badge-how-to {
+    border: 1px solid transparent;
+  }
+  .badge3-alternate, .val-info {
+    border-color: #651;
+  }
+  #toc.s-sidebarwidget__yellow .s-sidebarwidget--header,
+  #toc.s-sidebarwidget__yellow .s-sidebarwidget--content {
+    border: 1px solid #542 !important;
+  }
+  #toc .s-sidebarwidget--header, #toc .s-sidebarwidget--content {
+    border-color: #542 !important;
+  }
+  .message.message-warning, .s-notice__warning {
+    background-color: #321 !important;
+    color: #ccc !important;
+  }
+  .flag-quality-warning {
+    background-color: #321;
+  }
+  .icon-warning-label {
+    background: #321;
+  }
+  .s-notice__warning.s-notice__important {
+    background-color: #432 !important;
+    color: #ccc !important;
+  }
+  .s-notice__warning.s-notice__outlined {
+    border-color: #321 !important;
+    color: #ccc !important;
+  }
+  .message.message-warning .message-tip-left-top::before {
+    border-top-color: #321 !important;
+  }
+  .system-message {
+    background: rgba(51, 34, 17, .4) !important;
+    border: 1px solid #542 !important;
+  }
+  .user-show-new #user-tab-answers .answer-votes,
+  .user-show-new .post-container .vote, .user-show-new .user-panel .mini-counts,
+  .user-show-new .user-rep .rep-amount .rep-down,
+  .user-show-new .user-rep .rep-amount .rep-up {
+    border-color: #444;
+    color: #aaa;
+  }
+  /* === Green === */
+  .user-show-new #user-tab-answers .answer-votes.accepted,
+  .user-show-new .post-container .vote.accepted,
+  .user-show-new .user-panel .mini-counts.accepted,
+  .user-show-new .user-rep .rep-amount .rep-down.accepted,
+  .user-show-new .user-rep .rep-amount .rep-up.accepted,
+  .user-show-new #user-tab-answers .answer-votes.answered-accepted,
+  .user-show-new .post-container .vote.answered-accepted,
+  .user-show-new .user-panel .mini-counts.answered-accepted,
+  .user-show-new .user-rep .rep-amount .rep-down.answered-accepted,
+  .user-show-new .user-rep .rep-amount .rep-up.answered-accepted,
+  .user-show-new #user-tab-answers .answer-votes.special-rep,
+  .user-show-new .post-container .vote.special-rep,
+  .user-show-new .user-panel .mini-counts.special-rep,
+  .user-show-new .user-rep .rep-amount .rep-down.special-rep,
+  .user-show-new .user-rep .rep-amount .rep-up.special-rep {
+    border-color: #3a6d4e;
+    background: #254632;
+    color: #ddd !important;
+  }
+  .s-notice {
+    border-color: transparent;
+    color: #ccc;
+  }
+  .s-notice__success {
+    border-color: #254632;
+    background: #254632;
+  }
+  html:not(#X) .f-radio-toggle._muted input[type="radio"]:checked + .f-label {
+    border-color: #254632 !important;
+    background: #254632 !important;
+    color: #ddd !important;
+  }
+  .history-table .activity-accepted {
+    background: #254632;
+    color: #27ae60;
+    border-bottom: 1px solid #111;
+    border-top: 1px solid #13552f;
+    text-shadow: none;
+  }
+  html #content .favorite-container .accepted {
+    background: #13552f;
+    color: #fff !important;
+    border-top: 1px solid #13552f !important;
+  }
+  .animated-flash-message.success,
+  .animated-flash-message.success .flash-content strong {
+    border-left: 4px solid #13552f;
+    background-color: #27ae60;
+    color: #111 !important;
+  }
+  .animated-flash-message.success a {
+    color: #111;
+  }
+  .animated-flash-message.success a:hover {
+    color: #333 !important;
+  }
+  .suggested-edit .inserted, .markdown-diff .inserted, .rep-increase,
+  .progress-bar .percent, .recommended, .suggested-edit .inserted>div,
+  .message.success, .p-highlights .-rep-increase, .s-progress-bar .-fill,
+  .answerBox.accepted, .s-notice__success {
+    background: #002810 !important;
+  }
+  .profile-cards--checkmark {
+    background: #27ae60;
+    color: #eee;
+  }
+  .bg-black-025, .h\:bg-black-025:hover, .f\:bg-black-025:focus {
+    background-color: #181818 !important;
+  }
+  .user-show-new .user-rep-full .rep-table .loaded-body {
+    background: #181818;
+  }
+  .bc-black-2, .bc-black-075 {
+    border-color: #444 !important;
+  }
+  .s-card {
+    border: 1px solid #444;
+    background-color: #181818;
+  }
+  #answers .answer.accepted-answer[style*="background-color"] {
+    background: inherit !important;
+    border: 1px solid /*[[accepted-color]]*/ !important;
+  }
+  #answers .answer.accepted-answer {
+    background: rgba(/*[[accepted-color-rgb]]*/, .5) !important;
+    border: 1px solid /*[[accepted-color]]*/ !important;
+  }
+  .fc-green-400, .h\:fc-green-400:hover, .f\:fc-green-400:focus {
+    color: #5fba7d !important;
+  }
+  .fc-green-500, .h\:fc-green-500:hover, .f\:fc-green-500:focus,
+  .vote-count-post [style="color:green"], .answered strong,
+  .user-show-new .user-rep-full .rep-up, .movedUp, .status.answered,
+  .status.answered .mini-counts, .status.answered strong, .answered,
+  .answered .mini-counts, .answered strong {
+    color: #27ae60 !important;
+  }
+  html:not(#X) .bg-green-400, .h\:bg-green-400:hover, .f\:bg-green-400:focus,
+  div.meter div, .s-progress--bar {
+    background-color: #27ae60 !important;
+  }
+  .s-notice__success.s-notice__important {
+    background: #3f4e1d !important;
+    color: #92cc09 !important;
+  }
+  .s-notice__success.s-notice__outlined {
+    border-color: #27ae60 !important;
+  }
+  .bc-green-4 {
+    border-color: #5fba7d !important;
+  }
+  .topbar-dialog.achievements-dialog .rep-up, .-activity .-stat.answered {
+    color: #92cc09 !important;
+  }
+  .answered .vote-count-post {
+    color: #27ae60;
+  }
+  .user-show-new .user-rep .rep-amount .rep-up, .-stats.rep-up {
+    color: #27ae60 !important;
+    border-color: #227c48 !important;
+  }
+  .answered-accepted, .answered-accepted strong, .rep-up.bounty-indicator-tab,
+  .user-rep-chart-summary-bar, .special-rep,
+  .s-progress__privilege .s-progress--bar {
+    background: #13552f !important;
+    color: #eee !important;
+  }
+  #tm-header {
+    border-bottom: 3px solid #061 !important;
+  }
+  .status.answered, .s-progress__privilege .s-progress--label {
+    border-color: rgba(69, 161, 99, .8) !important;
+  }
+  /* === Red === */
+  .bg-red-200, .h\:bg-red-200:hover, .f\:bg-red-200:focus {
+    background-color: #e33 !important;
+  }
+  input[type="submit"].btn-outlined.-warning,
+  input[type="button"].btn-outlined.-warning, button.btn-outlined.-warning,
+  .btn-outlined.-warning {
+    color: #e33 !important;
+    background-color: transparent !important;
+    border-color: #e33 !important;
+  }
+  input[type="submit"].btn-outlined.-warning:hover,
+  input[type="button"].btn-outlined.-warning:hover,
+  button.btn-outlined.-warning:hover, .btn-outlined.-warning:hover,
+  input[type="submit"].btn-outlined.-warning:focus,
+  input[type="button"].btn-outlined.-warning:focus,
+  button.btn-outlined.-warning:focus, .btn-outlined.-warning:focus {
+    color: #f00 !important;
+    background-color: #300 !important;
+    border-color: #f00 !important;
+  }
+  .val-error {
+    background-color: #300;
+    border-color: #e33;
+  }
+  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor.error {
+    border-color: #e33;
+  }
+  .input-group.has-error .f-input, .input-group.has-error .tag-editor,
+  .input-group.has-error .autocomplete input,
+  .input-group.has-error .f-select select {
+    border-color: #e33 !important;
+  }
+  .deleted-answer, .suggested-edit .deleted>div,
+  .realtime-post-deleted-notification p, .message.incomplete, .message.error,
+  .deleted-answer .comments-wrap, .deleted-answer .user-info,
+  .deleted-answer .util-bar, .deleted-answer .comment {
+    background-color: #200 !important;
+  }
+  .s-notice__danger.s-notice__outlined {
+    border-color: #600 !important;
+  }
+  .post-timeline-v2 .post-timeline tr.deleted-event td,
+  .post-timeline-v2 .post-timeline tr.deleted-event-details td {
+    background-color: rgba(34, 0, 0, .4) !important;
+  }
+  /* Mobile */
+  .-summary .-votes, .deleted-answer .votes {
+    background-color: rgba(214, 217, 220, .1) !important;
+  }
+  body.no-message-slide ._badge3 {
+    border-color: #651 !important;
+  }
+  body.no-message-slide .footer a, body.no-message-slide .footer a:visited {
+    color: /*[[base-color]]*/;
+  }
+  body.no-message-slide .footer a:hover,
+  body.no-message-slide .footer a:visited:hover {
+    color: /*[[base-color]]*/;
+    opacity: .9;
+  }
+  body.no-message-slide .tabs li._current a,
+  body.no-message-slide .tabs li._current select {
+    border-bottom-color: /*[[base-color]]*/ !important;
+    color: #eee !important;
+    background: rgba(/*[[base-color-rgb]]*/, .2) !important;
+  }
+  body.no-message-slide .nav li, body.no-message-slide .nav a {
+    background: transparent !important;
+  }
+  body.no-message-slide .nav li.current a {
+    background: /*[[base-color]]*/ !important;
+  }
+  .timeline-item.job header::before {
+    background: /*[[base-color]]*/;
+  }
+  body.no-message-slide .pager .-pagination .-number {
+    border-radius: 2px !important;
+    padding: 4px 8px !important;
+    font-size: 100%;
+    border-color: #444;
+    color: #aaa !important;
+    background: #222;
+  }
+  body.no-message-slide .pager .-pagination .-number._current {
+    background: /*[[base-color]]*/;
+    color: #eee !important;
+    border-color: /*[[base-color]]*/;
+  }
+  body.no-message-slide select._link {
+    color: /*[[base-color]]*/ !important;
+  }
+  body.no-message-slide .topbar .topbar-icon {
+    filter: brightness(150%);
+  }
+  body.no-message-slide .post-text blockquote,
+  body.no-message-slide .post-text q {
+    background-color: #321;
+    border-color: #651;
+  }
+  blockquote {
+    background: #191919;
+  }
+  blockquote::before {
+    background: #777;
+  }
+  #question .user-info, .answer .user-info {
+    background: transparent !important;
+  }
+  .util-bar, #question > footer, .answer > footer, #question .user-info,
+  .answer .user-info, .comment, .field._toolbar .-toolbar, fieldset,
+  .wrapper._card, .vertical-list .-item, .user-panel._card, .badge-top._badge2,
+  .badge-top._badge1, .badge-top._badge3, .badge-top._badge1 .-name,
+  .badge-top._badge2 .-name, .badge-top._badge3 .-name,
+  .contact-page .popup-content .content, .site-footer .site-footer--extra {
+    border-color: #444;
+  }
+  .tabs._full li {
+    background-color: #181818 !important;
+    border-bottom: 1px solid #555;
+  }
+  .vote-up-on, .vote-up-off, .vote-down-off, .vote-down-on, .star-on,
+  .vote-accepted-off, .vote-accepted-on {
+    filter: grayscale(1) brightness(150%);
+  }
+  .or::before, .or::after {
+    border-top: 1px solid #555 !important;
+  }
+  .summary a.moderator-tag, .s-notice__danger.s-notice__important,
+  .s-notice__danger {
+    background-color: #400 !important;
+  }
+  .summary a.moderator-tag:hover {
+    background-color: #700 !important;
+  }
+  a.moderator-tag {
+    color: #e8260d !important;
+    background-color: #400 !important;
+    border-color: #9b2e0e !important;
+  }
+  a.moderator-tag:hover {
+    color: #ddd !important;
+    background-color: #700 !important;
+    border-color: #9b2e0e !important;
+    filter: none !important;
+  }
+  .vote-count-post [style="color:maroon"] {
+    color: maroon !important;
+  }
+  a.required-tag {
+    color: #aaa !important;
+    background-color: #303030;
+    border-color: #555 !important;
+  }
+  a.required-tag:hover {
+    color: #ccc !important;
+    background-color: #444 !important;
+    border-color: #666;
+  }
+  /* style april fools sidebar
+  #left-sidebar {
+    background: linear-gradient(0deg, #1c3b51 0%, #371f51 100%) !important;
+    border-left: 3px solid #061 !important;
+  }*/
+  /* === Transparent background === */
+  div.message .meta, span.feed-icon, a.role-switch, .nav.careers li,
+  .nav.careers li:hover, .switcher-nudge-content p, #content, #tabs a, .tabs a,
+  #chat .username, .tag-container, .prettyprint code, .lv-info,
+  .lv-stats-wrapper, .lv-stats-wrapper .number, .container, .bottom-notice,
+  #question-header, #question-form .form-item, .post-menu>a:hover, #main-content,
+  #mainbar, #mainbar-full, .mainbar-full, #logout-page, #sidebar, .footerwrap,
+  #footer-menu, .module, #sidebar #newsletter-ad, #sidebar .ad-container,
+  #sidebar .everyonelovesstackoverflow, .mention,
+  .tag-suggestions>div .more-info, .user-tags .answer-votes, .expanded:hover,
+  .sidebar-accordion, .sidebar-accordion a:hover, .sidebar,
+  .sidebar *:not(.post-tag):not(img), .tag-filter-isany, .col-section.expanded,
+  .timeline-mine header, .timeline-sidebar header, .sidebar-profile.is-visible,
+  .cv-section, .cv-story .avatar-wrapper, .btn-clear, .personal-statement,
+  .link-text, .match-preferences .seniority-selector, .field-with-bg,
+  #tags .message.regular, #profile-side #side-menu a, .sidebar-profile .-header,
+  .sidebar-profile .-footer, #popup-next-badge .-header, .popup-close .-link,
+  .job-cover-image.-no-image, #job-detail, .s-footer .-container,
+  .p-top-tags .badge-tag, .gsc-webResult.gsc-result, .gsc-imageResult,
+  .gsc-cursor-page, .gsc-cursor-current-page, .metaInfo .owner,
+  #content > .subheader, header.job-details--header, .site-footer--container,
+  .-activity .-stat.answered, .deleted-answer .comment-actions,
+  .min-ds-wizard .current, .input-group .-fill._clean,
+  .why-jobs-v2 .slanted-background::before, .msg-list .list-item,
+  .msg-list .list-item.is-read, .msg-list .list-item header,
+  .message-detail header, .post-signature:not(.owner) .user-info,
+  .answers-subheader, .profile-top-tags .badge-tag, .msg-controls,
+  .narrow .votes, .badge-tag:hover, .form-item, .nav-links li a:hover,
+  .nav-links li a:focus, .answered, .message.success.text-only,
+  .s-sidebarwidget .s-btn__muted:not(.facebook-login),
+  .task-stat-leaderboard.user-info, #mdhelp .mdhelp-tab pre:not.bg-transparent {
+    background-color: transparent !important;
+  }
+  #content, .subheader #tabs a:not(.youarehere),
+  .subheader .tabs a:not(.youarehere), .story-preferences .link-text {
+    background-color: transparent !important;
+  }
+  /* this selector on its own */
+  .timeline header.header, #content, #tabs a::before, .tabs a::before {
+    background-color: transparent !important;
+  }
+  .product-hero-background, .search-form.responsive .filter-pane .-nav,
+  .mdhelp-tab .spaces {
+    background-color: transparent;
+  }
+  .label-key a.lastactivity-link {
+    color: inherit;
+    background-color: transparent;
+  }
+  #tabs a:hover,
+  .tabs a:not([id*="category-"]):not([href*="users"]):not(.youarehere):hover {
+    background-color: #292929 !important;
+    border-color: rgba(62, 62, 62, .1) !important;
+    border-bottom-color: transparent !important;
+  }
+  .subheader.user-full-tab-header .subtabs.user-tab-sorts {
+    margin-top: 3px !important;
+  }
+  .s-prose blockquote::before {
+    background: #555;
+  }
+  /* by default style code blocks in s-prose */
+  .s-prose :not(.s-code-block) > code {
+    color: var(--highlight-color);
+  }
+  .spoiler, .s-prose .spoiler {
+    background: #181818;
+    border-radius: 3px;
+  }
+  .s-prose .spoiler > * {
+    opacity: 0;
+  }
+  .spoiler:hover, .spoiler:hover * {
+    color: inherit;
+  }
+  .s-prose .spoiler::after {
+    color: #aaa;
+  }
+  .s-prose .spoiler.is-visible > * {
+    color: #aaa;
+    opacity: 1;
+  }
+  .min-ds-wizard .min-ds-box.jobs .min-ds-title .filters input[type="radio"]:checked + label {
+    color: #ddd;
+    border-bottom-color: /*[[base-color]]*/ !important;
+  }
+  .s-badge__votes:not(.s-badge__answered) {
+    border-color: #444;
+    background-color: #181818;
+    color: #eee;
+  }
+  /* === Dark border === */
+  .body-diffs table * {
+    border-color: #111 !important;
+  }
+  .tour--arrow::after {
+    border-color: #555;
+    background-color: #222;
+  }
+  .temp-popover.temp-popover__bottom .temp-popover--arrow::after,
+  .temp-popover.temp-popover__bottom-left .temp-popover--arrow::after,
+  .temp-popover.temp-popover__bottom-right .temp-popover--arrow::after {
+    border-bottom-color: #191919 !important;
+  }
+  .s-progress-bar .-bar::before, .s-progress-bar .-bar::after,
+  .wmd-button__active {
+    border-top-color: #222 !important;
+    border-bottom-color: #222 !important;
+  }
+  .search-form .job-alert-tooltip::after {
+    border-top-color: #222 !important;
+  }
+  .welovestackoverflow, .question-summary,
+  .company-module .-details strong::before, .bc-black-1 {
+    border-color: #333 !important;
+  }
+  .user-page .settings-page .email-settings .-unsubscribe {
+    border-color: #333;
+  }
+  a.s-card:not(.s-card__muted):hover, a.s-card:not(.s-card__muted):focus,
+  a.s-card:not(.s-card__muted):active {
+    border-color: #666;
+  }
+  .history-table td {
+    border-bottom-color: #444 !important;
+  }
+  .temp-popover.temp-popover__bottom .temp-popover--arrow::before,
+  .temp-popover.temp-popover__bottom-left .temp-popover--arrow::before,
+  .temp-popover.temp-popover__bottom-right .temp-popover--arrow::before,
+  .search-form.responsive .filter-pane .popover .popover--arrow::before {
+    border-bottom-color: #555 !important;
+  }
+  .search-form.responsive .filter-pane .popover .popover--arrow::after {
+    border-bottom-color: #222 !important;
+  }
+  .profile-cards .bg-powder-800 {
+    border: 1px solid #035;
+    border-top: 0;
+  }
+  .user-show-new .user-tab .subheader .subtabs {
+    top: 2px;
+  }
+  a.required-tag, .topbar-dialog.feature-notice-dialog::before,
+  .site-footer .-link._expandable::after, .message.message-info .message-close,
+  .bc-black-3, .bc-black-4, .timeline .user-technologies .top .score {
+    border-color: #555 !important;
+  }
+  .message.message-info .message-close:hover {
+    background-color: /*[[base-color]]*/;
+    border-color: #ccc !important;
+    color: #fff !important;
+  }
+  .message .message-tip-top-right::before,
+  .message .message-tip-top-left::before {
+    border-bottom-color: #191919 !important;
+  }
+  .search-form .filter-pane a._active, .search-form .filter-pane a:hover,
+  #tabs-interval .youarehere.is-selected,
+  html:not(#X) #content .subheader:not(.reloaded) .tabs a.youarehere:not([href*="company"]) {
+    border-bottom-color: /*[[base-color]]*/ !important;
+  }
+  .left-arrow, .timeline-item:nth-child(odd)::after {
+    border-right-color: rgba(119, 119, 119, .5) !important;
+  }
+  .previous-button:hover .left-arrow {
+    border-right-color: #c0c0c0 !important;
+  }
+  .right-arrow, .timeline-item:nth-child(even)::after {
+    border-left-color: rgba(119, 119, 119, .5) !important;
+  }
+  .next-button:hover .right-arrow {
+    border-left-color: #c0c0c0 !important;
+  }
+  #input-area .input-hint::after {
+    border-left-color: #222 !important;
+  }
+  .s-progress-bar .-fill {
+    border-top: #444 1px solid !important;
+    border-bottom: #444 1px solid !important;
+  }
+  #sub-navs .youarehere {
+    border-top-color: /*[[base-color]]*/ !important;
+  }
+  .nav-left-col .is-active,
+  #left-sidebar .nav-links .youarehere .nav-links--link {
+    border-right-color: /*[[base-color]]*/;
+  }
+  .s-block-link.is-selected.s-block-link__left {
+    border-left-color: /*[[base-color]]*/;
+  }
+  .s-sidebarwidget [aria-current="page"]::before {
+    border-left-color: /*[[base-color]]*/ !important;
+  }
+  td[style*="border-left: 8px solid rgb(244, 168, 61); background-color: rgb("] {
+    border-left: 8px solid /*[[base-color]]*/ !important;
+    background-color: #111 !important;
+  }
+  td[class*="event-"][style*="background-color: rgb("],
+  td[style*="background-color: rgb("] {
+    background-color: transparent !important;
+  }
+  /* === No/hide border === */
+  div.list > div {
+    border-right: 0 !important;
+  }
+  .subtabs a, .filter a {
+    border-bottom: 1px solid transparent !important;
+  }
+  .filter a.youarehere, .filter a:hover, .subtabs a, .filter a,
+  .-network-icons .-label, a.s-link__muted, .s-link.s-link__muted,
+  .s-prose blockquote {
+    color: #bbb;
+  }
+  .subtabs a.active, .filter a.active {
+    color: #ddd;
+    border-color: /*[[base-color]]*/ !important;
+  }
+  .module, .tabs a, div.message, .full-diff td, .wb-outer:not(.wb-selected),
+  .page-numbers.dots, .p-top-tags .badge-tag, .intellitab:not(.selected) a,
+  #sub-navs .menu-item .menu-switcher, .input-group .-fill._clean,
+  .nav-left-col a, .comment-actions .s-btn {
+    border-color: transparent !important;
+  }
+  html:not(#X) .page-numbers.desc, html:not(#X) .page-numbers.dots,
+  html:not(#X) .page-numbers.desc:hover, html:not(#X) .page-numbers.dots:hover {
+    color: #888;
+    border-color: transparent !important;
+  }
+  .left-arrow, .right-arrow {
+    border-bottom-color: transparent !important;
+    border-top-color: transparent !important;
+  }
+  div.message:not(.message-config):not(.message-dismissable):hover,
+  .timestamp:hover + div.message {
+    visibility: inherit;
+    border: 1px dotted #333;
+  }
+  .message.message-config .message-close {
+    color: #666 !important;
+  }
+  .bg-black-075, .s-tag.bg-black-075:hover, .h\:bg-black-075:hover,
+  .f\:bg-black-075:focus {
+    background-color: #777 !important;
+  }
+  .job-details--header .bg-white {
+    background-color: transparent !important;
+  }
+  .league-container, .-job {
+    border-bottom-color: #444;
+  }
+  html.html__responsive:not(.html__unpinned-leftnav) .previewable-results .-job._selected {
+    border-left-color: /*[[base-color]]*/;
+    background-color: #222;
+  }
+  html.html__responsive:not(.html__unpinned-leftnav) .previewable-results .-job {
+    background-color: #181818;
+  }
+  html.html__responsive:not(.html__unpinned-leftnav) .previewable-results .-job:not(._selected):not(#match-status-widget):hover {
+    border-left-color: rgba(/*[[base-color-rgb]]*/, .3);
+    background-color: #202020;
+  }
+  .-job._featured:not(._selected) {
+    background-color: #321 !important;
+  }
+  /* blue label count */
+  .bounty-indicator-tab, .hero.profile, .jobs-banner.-blue,
+  #reg-alert-modal:hover, .-popout .btn-secondary:hover, .search-btn,
+  .tags .jobs a, .btn-secondary, #job-board-save {
+    color: #ccc !important;
+    border: 1px solid #135 !important;
+  }
+  .fc-powder-600, .fc-powder-600 a, .h\:fc-powder-600:hover,
+  .f\:fc-powder-600:focus {
+    color: #1e98d5 !important;
+  }
+  .fc-blue-700, .h\:fc-blue-700:hover, .f\:fc-blue-700:focus, .fc-blue-700 a,
+  .s-badge__votes.h\:fc-blue-700:hover a, .s-badge__votes.f\:fc-blue-700:focus a {
+    color: #1e98d5 !important;
+  }
+  .s-badge__votes.bc-blue-3 {
+    border-color: #1e98d5 !important;
+  }
+  .bounty-indicator-tab, .hero.profile, .jobs-banner.-blue,
+  #reg-alert-modal:hover, .-popout .btn-secondary:hover, .search-btn,
+  .tags .jobs a, .btn-secondary, #job-board-save, .message.message-info, .btn {
+    background: /*[[base-color]]*/ !important;
+  }
+  input[type="submit"].btn-secondary, input[type="button"].btn-secondary,
+  button.btn-secondary, .btn-secondary, #bigsearch input[type="submit"],
+  .chess-replayer .controls a.button, .chess-replayer .controls a.button:visited {
+    color: #ddd !important;
+    background: rgba(79, 140, 201, .5) !important;
+    border-color: rgba(79, 140, 201, .7) !important;
+    background: rgba(/*[[base-color-rgb]]*/, .5) !important;
+    border-color: rgba(/*[[base-color-rgb]]*/, .7) !important;
+  }
+  a.button:not(.huge-button):not(#visit-the-faq):not(.btn),
+  a.button.popup-action-link:not(.huge-button):not(#visit-the-faq):not(.btn),
+  a.button.popup-submit:not(.huge-button):not(#visit-the-faq):not(.btn),
+  .timeline-public .s-btn.s-btn__filled.print-btn,
+  .timeline-public .s-btn.s-btn__filled:hover {
+    color: #ddd !important;
+    background: rgba(79, 140, 201, 1) !important;
+    background: rgba(/*[[base-color-rgb]]*/, 1) !important;
+  }
+  .review-actions input, .btn, .chosen-choices .search-choice,
+  .topbar-dialog a.btn-secondary, input[type=submit], .s-btn.s-btn__filled,
+  .old-hero.z-base {
+    color: #ddd !important;
+    border: 1px solid rgba(/*[[base-color-rgb]]*/, .4) !important;
+    box-shadow: none;
+  }
+  .filter-dashboard-edit .sites-list {
+    background-color: rgba(79, 140, 201, .3) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .3) !important;
+  }
+  .s-block-link.is-selected {
+    color: #eee;
+    background-color: rgba(79, 140, 201, .3) !important;
+    background-color: rgba(76, 137, 13, .3) !important;
+  }
+  .review-actions input, .chosen-choices .search-choice,
+  .topbar-dialog a.btn-secondary, input[type=submit], .s-btn.s-btn__filled,
+  .old-hero.z-base, .old-hero._small._darken,
+  .s-notice__info.s-notice__important, .bg-blue-500, a.btn-secondary,
+  .s-sidebarwidget .mb8 .btn-secondary:hover {
+    background-color: rgba(79, 140, 201, .18) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .18) !important;
+  }
+  .review-actions input:hover, .btn:not(.button):hover, .btn-secondary:hover,
+  #job-board-save:hover, .topbar-dialog a.btn-secondary:hover,
+  input[type=submit]:hover, .s-btn.s-btn__filled:hover {
+    background: rgba(79, 140, 201, .5) !important;
+    background: rgba(/*[[base-color-rgb]]*/, .5) !important;
+    filter: brightness(110%);
+  }
+  .post-tag, .geo-tag, .container .chosen-choices .search-choice,
+  .container .chosen-container-multi .chosen-choices li.search-choice, .s-tag {
+    color: /*[[base-color]]*/ !important;
+    background-color: rgba(79, 140, 201, .2);
+    border-color: rgba(79, 140, 201, .5) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .2);
+    border-color: rgba(/*[[base-color-rgb]]*/, .5) !important;
+  }
+  .search-form.responsive .added-filters .post-tag.disliked,
+  .tag-editor-wrapper #td ~ .tag-editor .post-tag,
+  .tag-editor-wrapper #td ~ .tag-suggestions .post-tag {
+    color: #ccc !important;
+    background-color: rgba(51, 51, 51, .8) !important;
+    border-color: rgba(119, 119, 119, .8) !important;
+  }
+  .search-form.responsive .added-filters .post-tag.disliked:hover {
+    color: #eee !important;
+    background-color: #777 !important;
+    border-color: #777 !important;
+  }
+  .s-btn__muted.s-btn__outlined.is-selected, .youarehere.is-selected,
+  .nav-links .youarehere .nav-links--link, .s-tag:hover {
+    background-color: rgba(79, 140, 201, .3) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .3) !important;
+  }
+  input[type="submit"].btn-outlined, input[type="button"].btn-outlined,
+  button.btn-outlined, .btn-outlined,
+  html:not(#X) .-edit-email-address button.btn-outlined {
+    color: /*[[base-color]]*/;
+    background-color: transparent;
+    border-color: rgba(79, 140, 201, 1) !important;
+    border-color: rgba(/*[[base-color-rgb]]*/, 1) !important;
+    box-shadow: none;
+  }
+  input[type="submit"].btn-outlined:hover,
+  input[type="button"].btn-outlined:hover, button.btn-outlined:hover,
+  .btn-outlined:hover, input[type="submit"].btn-outlined:focus,
+  input[type="button"].btn-outlined:focus, button.btn-outlined:focus,
+  .btn-outlined:focus {
+    color: /*[[base-color]]*/;
+    background-color: rgba(79, 140, 201, .15);
+    border-color: rgba(79, 140, 201, 1);
+    background-color: rgba(/*[[base-color-rgb]]*/, .15);
+    border-color: rgba(/*[[base-color-rgb]]*/, 1);
+    box-shadow: none;
+    filter: brightness(120%) !important;
+  }
+  .bs-sm.bs-hover:hover {
+    box-shadow: 0 2px 4px #111, 0 0 0 0 transparent !important;
+  }
+  #answers .form-submit #submit-button.s-btn__primary {
+    border-color: /*[[base-color]]*/ !important;
+    box-shadow: inset 0 1px 0 0 rgba(79, 140, 201, .7), 0 0 0 0 transparent !important;
+    box-shadow: inset 0 1px 0 0 rgba(/*[[base-color-rgb]]*/, .7), 0 0 0 0 transparent !important;
+    color: #eee !important;
+  }
+  .s-hero {
+    background-image: url("https://cdn.sstatic.net/img/hero/pattern.svg"),
+           linear-gradient(to right, #121723 0, #182030 100%) !important;
+  }
+  .hero-box, .filter-show-more, .s-hero::after {
+    background: #182030 !important;
+  }
+  .bg-powder-800, .h\:bg-powder-800:hover, .f\:bg-powder-800:focus {
+    background-color: #182030 !important;
+  }
+  .newsletters-toggle, .topbar-dialog .unread-item {
+    background-color: #182030;
+  }
+  .new-contributor-indicator {
+    background-color: #035;
+  }
+  .filter-dashboard, .module.filters-sidebar {
+    background-color: #182030;
+    border-color: #035 !important;
+  }
+  .s-notice.s-notice__info {
+    background-color: #182030;
+    border-color: #035;
+    color: #ccc;
+  }
+  .s-btn.fc-dark:not(.js-answer-help-close-btn):hover,
+  .s-btn.fc-dark:not(.js-answer-help-close-btn):focus,
+  .s-btn.fc-dark:not(.js-answer-help-close-btn):active {
+    background-color: #035;
+  }
+  .dateNavBox {
+    background-color: #182030;
+    border-color: #035;
+  }
+  .message.message-info .message-tip-left-top::before {
+    border-top-color: #046 !important;
+  }
+  .s-sidebarwidget.s-sidebarwidget__blue::after {
+    border-color: #046;
+  }
+  #profile-summary > .-popout, .filter-dashboard-summary {
+    background-color: #182030 !important;
+    border: solid 1px #046 !important;
+  }
+  .s-sidebarwidget.s-sidebarwidget__blue {
+    border-color: #046;
+    background-color: #182030;
+  }
+  .bg-blue-050, .h\:bg-blue-050:hover, .f\:bg-blue-050:focus {
+    background-color: #182030 !important;
+  }
+  .owner {
+    background-color: #182030;
+  }
+  svg.iconGlobe path, svg.iconIndustry path, svg.iconPeople path,
+  svg.iconBriefcase path, button:not(:hover) svg.iconFlag path,
+  svg.iconGitHub path {
+    fill: #999 !important;
+  }
+  svg.svg-icon.iconSearch path {
+    fill: #ddd !important;
+  }
+  /* patch for hint text of SurfingKeys browser extension */
+  #sk_hints div {
+    color: #000 !important;
+  }
+  .bg-yellow-500 h1, .bg-yellow-500 p, .bg-powder-100 h3 {
+    color: #111 !important;
+  }
+  .p-bg-yellow {
+    background: #ffb500 !important;
+    color: #ccc !important;
+  }
+  .h\:p-bg-yellow-tint:hover {
+    background: #f1ab00 !important;
+  }
+  .p-bg-purple-light {
+    background-color: #0f012d !important;
+  }
+  /* placeholder */
+  ::-webkit-input-placeholder {
+    color: #999 !important;
+  }
+  ::-moz-placeholder {
+    color: #999 !important;
+  }
+  .-ignore.s-btn.s-btn__muted.s-btn__outlined {
+    border: 1px solid #adb3b9;
+    color: #aaa;
+  }
+  .-ignore.s-btn.s-btn__muted.s-btn__outlined:not(.youarehere):hover {
+    background-color: rgba(45, 45, 45, .6) !important;
+  }
+  [id="React-Button"].s-btn__muted.s-btn__outlined {
+    border-color: #555 !important;
+  }
+  .s-btn__muted.s-btn__outlined:focus {
+    box-shadow: 0 0 0 1px rgba(79, 140, 201, .5), 0 0 0 4px rgba(79, 140, 201, .1);
+    box-shadow: 0 0 0 1px rgba(/*[[base-color-rgb]]*/, .5),
+     0 0 0 4px rgba(/*[[base-color-rgb]]*/, .1);
+  }
+  .s-btn.s-btn__muted:not(.s-btn__outlined),
+  .s-sidebarwidget--item .s-btn.s-btn__link {
+    color: #aaa;
+    border: none;
+  }
+  .s-tag .s-tag--dismiss {
+    color: #aaa;
+    background-color: transparent;
+  }
+  .s-tag .s-tag--dismiss:hover {
+    color: #fff;
+    background-color: /*[[base-color]]*/;
+  }
+  .disabled-link {
+    opacity: .7;
+  }
+  .s-btn[href*="/users/jobsearch"] {
+    border: 1px solid transparent !important;
+  }
+  .s-radio:checked {
+    border-color: /*[[base-color]]*/ !important;
+    background-color: #111;
+  }
+  .s-checkbox:checked {
+    border-color: /*[[base-color]]*/ !important;
+  }
+  .answered-accepted strong, .youarehere, .nav .primarynav li a, .nav a,
+  .rep-up.special-rep, .pac-item-query, #content .salary-subheader,
+  .salary-skill-legend-li .-score, header.job-details--header a:not(.s-btn),
+  .msg-list .list-item.is-unread span,
+  .s-sidebarwidget:not(.s-anchors):not(#toc) a:not(.button):not(.s-btn):not(.post-tag):not(.s-sidebarwidget--action),
+  .s-sidebarwidget:not(.s-anchors):not(#toc) a:not(.button):not(.s-btn):not(.post-tag):not(.s-sidebarwidget--action):visited,
+  .user-show-new .user-rep-full #stats .accept-indicator-tab, .s-input-message a {
+    color: #ddd !important;
+  }
+  header.job-details--header a svg.iconStar {
+    color: /*[[base-color]]*/ !important;
+  }
+  .post-text a:visited, .comment-text a:not(.comment-user):visited,
+  #chat-body .content a:visited, a.question-hyperlink:visited,
+  .answer-hyperlink:visited, #hot-network-questions ul a:visited {
+    color: /*[[visited-color]]*/ !important;
+  }
+  .s-prose a:not(.post-tag):not(.s-tag):not(.badge-tag):not(.s-link__visited):not(.s-btn):not(.s-editor-btn),
+  .comment-copy a {
+    color: ; /*[[base-color]]*/
+  }
+  .rep-up, .message.success.text-only {
+    color: #27ae60 !important;
+  }
+  .rep-down, .user-show-new .user-rep .rep-down {
+    color: #d65 !important;
+  }
+  .comment-flag-on, .comment-flag:hover, .flag-on {
+    color: #622 !important;
+  }
+  /* revised */
+  .history-table .activity-revised {
+    color: #bf5a4c;
+  }
+  td span[style="color:maroon;"] {
+    color: #bf5a4c !important;
+  }
+  /* end revised */
+  /* dark yellow */
+  .result-highlight {
+    color: #aa0 !important;
+  }
+  .has-warning .s-input-message {
+    color: #bb9603;
+  }
+  /* red */
+  .fc-red-500, .h\:fc-red-500:hover, .f\:fc-red-500:focus, .fc-error, .fc-danger {
+    color: #da4453 !important;
+  }
+  html:not(#X) .warm {
+    color: #da4453 !important;
+  }
+  #profile-summary>.-popout._incomplete, .has-error .s-input,
+  .has-error .s-textarea, .has-error .s-checkbox,
+  .has-error .s-radio:not(:checked), .has-error .s-select > select {
+    border-color: #da4453 !important;
+  }
+  .has-error .s-input-message a, div.form-error {
+    color: #da4453;
+  }
+  /* orange */
+  .bg-orange-200, .h\:bg-orange-200:hover, .f\:bg-orange-200:focus {
+    background-color: #f67400 !important;
+  }
+  .hot, .fc-orange-400 .iconRss, .fc-orange-400.iconRss,
+  #mainbar .grid a .iconRss, .mini-counts.hot {
+    color: #f67400 !important;
+  }
+  svg.iconRss path {
+    fill: #f67400 !important;
+  }
+  html:not(#X) .bg-orange-400 {
+    background-color: #f48024 !important;
+  }
+  .old-hero._orange._darken {
+    background-color: #b05308;
+    background-image: linear-gradient(to right, #b05308 0%, #d77806 100%);
+  }
+  /* light brown */
+  .message.incomplete .message-title {
+    background: #592d0d !important;
+    color: #f67400;
+  }
+  .job-requirements-form .message {
+    background: #421e06 !important;
+  }
+  .bg-yellow-050, .h\:bg-yellow-050:hover, .f\:bg-yellow-050:focus {
+    background: #321 !important;
+  }
+  div.message.incomplete {
+    border: 1px solid #b05308 !important;
+  }
+  .page-numbers {
+    border-radius: 2px !important;
+    padding: 4px 8px !important;
+    font-size: 100%;
+    border-color: #444;
+  }
+  .s-navigation .s-navigation--item {
+    border-radius: 2px;
+  }
+  .page-numbers.current, .page-numbers:hover,
+  .s-navigation .s-navigation--item.is-selected {
+    color: #fff;
+    background-color: /*[[base-color]]*/;
+    border: 2px solid /*[[base-color]]*/ !important;
+    border-radius: 2px !important;
+  }
+  /* === Style adjustments === */
+  .nav a, .post-tag, .comment-link, .tag-synonym-link, a.post-tag:hover,
+  .topbar a, .search-form .filter-pane a:hover, .comment-link:hover,
+  .tag-synonym-link:hover {
+    text-decoration: none !important;
+  }
+  .tag-synonym-link:hover,
+  a:not(.s-tag--dismiss):not(.s-navigation--item):not([href*=".com"]):not([href*="question"]):not(.review-stats-count):not([href*="?page="]):not(.s-link__muted):not(.page-numbers):not(.-link):hover,
+  a:not([href*=".com"]):not([href*="?page="]):not(.s-link__muted):not(.page-numbers):not(.-link):active {
+    color: rgba(79, 140, 201, .9);
+    color: rgba(/*[[base-color-rgb]]*/, .9);
+  }
+  a.question-hyperlink:hover, a.answer-hyperlink:hover {
+    color: rgba(79, 140, 201, .9) !important;
+    color: rgba(/*[[base-color-rgb]]*/, .9) !important;
+  }
+  html a.page-numbers:hover {
+    color: #eee;
+  }
+  .html__responsive .site-footer li.-item a.-link:hover, .s-input, .s-textarea {
+    color: #bbb;
+  }
+  .tools-rev h1 .lsep {
+    color: #555;
+  }
+  .tag-container .col {
+    margin: 0 !important;
+    border: #333 1px solid !important;
+  }
+  .tag-container.row {
+    margin: 2px !important;
+  }
+  .stats {
+    margin-top: 5px !important;
+    margin-bottom: 4px !important;
+  }
+  #hsearch, .statscontainer {
+    margin-right: 5px !important;
+  }
+  .nav .primarynav li a, .list-originals .stats {
+    display: block !important;
+    float: left !important;
+  }
+  .nav-links--link .svg-icon {
+    fill: currentColor !important;
+  }
+  #question[style*="background-color:"] {
+    animation-name: highlight-fade !important;
+    animation-duration: 3s !important;
+  }
+  .answer[style*="background-color:"] {
+    animation-name: highlight-fade !important;
+    animation-duration: 3s !important;
+  }
+  .faq-page .col-section.expanded {
+    background-color: transparent !important;
+  }
+  .faq-page #top-section .col-section {
+    border: solid 1px #542 !important;
+    background-color: #321 !important;
+    animation-name: highlight-fade !important;
+    animation-duration: 3s !important;
+  }
+  @keyframes highlight-fade {
+    from {
+      background-color: #3e2914;
+    }
+    to {
+      background-color: transparent;
+    }
+  }
+  /* weird hack - see #123 */
+  @-webkit-keyframes autofill {
+    to {
+      background-color: #111;
+      background-image: none;
+      color: #ddd;
+    }
+  }
+  input:-webkit-autofill, input:-webkit-autofill:hover,
+  input:-webkit-autofill:focus, textarea:-webkit-autofill,
+  textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
+  select:-webkit-autofill, select:-webkit-autofill:hover,
+  select:-webkit-autofill:focus {
+    -webkit-animation-name: autofill !important;
+    -webkit-animation-fill-mode: both !important;
+  }
+  /* === badges === */
+  /* stackexchange badges fixes */
+  .history-table .badge {
+    background-color: #111;
+    border-radius: 4px;
+       -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+  .badge-tag {
+    background-color: #282828 !important;
+    border-color: #444 !important;
+  }
+  .badge-tag:hover {
+    border-color: inherit;
+  }
+  /* winter bash */
+  .wb-hat {
+    background: #111;
+  }
+  .wb-hatimg-stroke {
+    filter: brightness(1.2);
+  }
+  .profile-communities--rep-badges::before {
+    background-image: linear-gradient(270deg, #222, rgba(255, 255, 255, 0));
+  }
+  .profile-communities--rep-badges, .timeline .header-edit-section:hover,
+  .timeline .header-edit-section.editing {
+    background-color: #222;
+  }
+  .about-post-body-gradient {
+    background: linear-gradient(to top, #191919 15%, transparent 100%);
+  }
+  .highcharts-container rect[fill="#FFFFFF"], rect[fill="rgb(255, 255, 255)"] {
+    fill: transparent;
+  }
+  .highcharts-tooltip rect[fill="rgb(255,255,255)"],
+  svg rect[rx="5"][ry="5"][fill="var(--white)"] {
+    fill: #181818;
+  }
+  .highcharts-tooltip text[fill="#333333"] {
+    fill: #fff !important;
+  }
+  .highcharts-container [stroke="#bbb"], .highcharts-container [stroke="#aaa"] {
+    stroke: #555;
+  }
+  .highcharts-container span[style*="color: rgb(51, 51, 51); padding: 0px; white-space: nowrap; line-height: 200%; fill: rgb(51, 51, 51)"] {
+    color: #ccc !important;
+    fill: #ccc !important;
+  }
+  .highcharts-container text[x="28.149999618530273"][style*="fill:#6D869F;"] {
+    fill: #aaa !important;
+  }
+  #rep-page-container #graph-help {
+    color: #ccc !important;
+  }
+  #reputation-graph .highcharts-container rect[fill="#FDFDFD"] {
+    fill: transparent;
+  }
+  .highcharts-axis text {
+    fill: #999 !important;
+  }
+  .highcharts-legend text {
+    fill: rgba(79, 140, 201, .8) !important;
+    fill: rgba(/*[[base-color-rgb]]*/, .8) !important;
+  }
+  .highcharts-legend text:hover,
+  button.s-btn.s-btn__unset.fc-theme-primary .svg-icon:not(.native) * {
+    fill: rgba(79, 140, 201, 1) !important;
+    fill: rgba(/*[[base-color-rgb]]*/, 1) !important;
+  }
+  a.tag, .ob-post-tag, .ob-user-tag, .events-tooltip {
+    background-color: #191919 !important;
+    border-color: #111 !important;
+  }
+  a.badge, a.badge-tag, .list-reset a.badge, .list-reset a.badge-tag {
+    background-color: #111;
+    border-color: transparent;
+  }
+  .s-badge__bronze {
+    border-color: #cd7f32;
+    background-color: #7c4318;
+    color: #fff;
+  }
+  .s-badge__silver {
+    border-color: #aaa;
+    background-color: #6b6b6b;
+    color: #fff;
+  }
+  .s-badge__gold {
+    border-color: #e5c100;
+    background-color: #998100;
+    color: #fff;
+  }
+  a.badge[title^="bronze"], a.badge-tag[title^="bronze"], .badge3 + .badgecount {
+    color: #c96 !important;
+  }
+  a.badge[title^="silver"], a.badge-tag[title^="silver"], .badge2 + .badgecount {
+    color: #c5c5c5 !important;
+  }
+  a.badge[title^="gold"], a.badge-tag[title^="gold"], .badge1 + .badgecount {
+    color: #ffcc46 !important;
+  }
+  .badge3-alternate:not(.badge-tag), .progress-bar.badge-3 .bar .percent,
+  .s-progress-bar._badge._badge3 .-fill, .badge-wrapper._badge3,
+  .s-progress__bronze .s-progress--bar, .badge-top._badge3 .-name {
+    background-color: #7c4318 !important; /* bronze */
+  }
+  .badge2-alternate:not(.badge-tag), .progress-bar.badge-2 .bar .percent,
+  .s-progress-bar._badge._badge2 .-fill, .badge-wrapper._badge2,
+  .s-progress__silver .s-progress--bar, .badge-top._badge2 .-name {
+    background-color: #6b6b6b !important; /* silver */
+  }
+  .badge1-alternate:not(.badge-tag), .progress-bar.badge-1 .bar .percent,
+  .s-progress-bar._badge._badge1 .-fill, .badge-wrapper._badge1,
+  .s-progress__gold .s-progress--bar, .badge-top._badge1 .-name {
+    background-color: #998100 !important; /* gold */
+  }
+  .s-progress, .pico-content {
+    background-color: #292929;
+  }
+  html:not(#X) aside.js-highlight-box-reputation .s-progress {
+    background-color: #444 !important;
+  }
+  button[disabled], input[disabled], a[disabled], .disabled-button {
+    opacity: .7 !important;
+  }
+  .o30 {
+    opacity: .6 !important;
+  }
+  /* === Images === */
+  .everyonelovesstackoverflow {
+    opacity: .3 !important;
+  }
+  .everyonelovesstackoverflow:empty {
+    display: none !important;
+  }
+  #hlogo a, #footer-logo {
+    background-repeat: no-repeat !important;
+  }
+  #footer-logo {
+    background-size: contain !important;
+  }
+  #footer-logo img {
+    visibility: hidden !important;
+  }
+  #sound, .vote-count-container.stars .img, #sub-navs>a:hover .messages-icon,
+  .industries::before, .js-reputation-graph, .js-reputation-graph *,
+  #sub-navs .messages-icon, .topbar-dialog .header .icon-close,
+  .menu-item span.settings-icon:hover, .icon-imgur-black {
+    -webkit-filter: invert(100%) !important;
+            filter: invert(100%) !important;
+  }
+  .collection img, .salary-survey-sidebar .header-img, #post-job .header-img,
+  .hiring iframe, .footer-notice a[href="http://www.crunchbase.com"] {
+    filter: invert(80%) hue-rotate(180deg);
+  }
+  .listResults .fav-toggle:hover {
+    color: #fd0 !important;
+  }
+  .post-text img {
+    background: inherit;
+    opacity: /*[[img-opacity]]*/;
+    transition: opacity .5s ease;
+  }
+  .post-text img:hover {
+    opacity: 1 !important;
+  }
+  .axis .tick, .pie text {
+    fill: #ccc !important;
+  }
+  .axis line, .axis path {
+    stroke: #999 !important;
+  }
+  /*New navigation tabs*/
+  .intellitab a {
+    background: transparent !important;
+  }
+  .intellitab.selected a {
+    background-color: rgba(51, 51, 51, .5) !important;
+  }
+  .intellitab a.youarehere {
+    border-bottom-color: #242729 !important;
+  }
+  .intellitab .menu-switcher {
+    background-color: #333 !important;
+  }
+  .intellitab .menu-switcher:hover {
+    background-color: #222 !important;
+  }
+  .intellitab.dropdown-enabled:hover .menu-switcher,
+  .intellitab .dropdown a:hover,
+  .post-timeline-v2 .post-timeline tr.separator > td > div {
+    background-color: #444 !important;
+  }
+  .post-timeline-v2 .post-timeline .event-type > span.history {
+    background-color: #444;
+    color: #ccc;
+  }
+  .post-timeline-v2 .post-timeline .event-type > span.comment {
+    color: #ccc;
+    background-color: #555;
+  }
+  .comment:not([style*="background-color"]) {
+    transition: background-color linear 2s;
+  }
+  .dropdown::before {
+            filter: invert(76%) !important;
+    -webkit-filter: invert(76%) !important;
+  }
+  /* documentation editing icons */
+  .docs-menu a, .favicon.favicon-stackoverflowmeta, .icon-se, .icon-q,
+  .icon-q-small, .icon-a-small {
+    -webkit-filter: brightness(250%) !important;
+            filter: brightness(250%) !important;
+  }
+  .realtime-host, .realtime-host:visited, .metaInfo {
+    color: #ccc;
+  }
+  .docs-menu:hover a {
+    -webkit-filter: none !important;
+            filter: none !important;
+  }
+  /* override prettyprint bright border styles */
+  .prettyprint {
+    border-color: transparent !important;
+    color: #ddd !important;
+  }
+  /* style non-prettyprint code
+  code, pre:not(.prettyprint):not(.CodeMirror-line):not(.bg-transparent) {
+    background: #333 !important;
+    color: #ddd !important;
+  }
+  /* accepted answer code blocks
+  .accepted-answer a > code, .accepted-answer li > code,
+  .accepted-answer .post-text > p > code, .accepted-answer .youarehere,
+  .accepted-answer pre:not(.prettyprint) {
+    background: #222822 !important;
+  }
+  */
+  .prettyprint code, .accepted-answer pre > code {
+    background: transparent !important;
+  }
+  .description.description-ellipsis .description-content-truncated::after {
+    background: linear-gradient(to right, rgba(21, 21, 21, 0), rgba(21, 21, 21, 1) 50%) !important;
+  }
+  .s-post-summary__watched {
+    background-color: /*[[watched-color]]*/;
+  }
+  /*[[syntax-theme]]*/
+  }
+/* These extra @-moz-document definitions will not be included in the "grunt user"
+  * build because Chrome Stylish puts these extra definitions into separate sections
+  * with separate regexp/domain definitions.
+  * If the css below changes, it will have to be manually updated
+  */
+/* === StackExchange tweaks === _                 _
+  | |_ _ _ _ ___ ___| |_ ___
+  |  _| | | | -_| .'| '_|_ -|
+  |_| |_____|___|__,|_,_|___|
+ */
+@-moz-document domain("stackexchange.com") {
+  header.siteHeader h1 {
+    background: transparent url("https://cdn.sstatic.net/stackexchange/img/se-logo.png?v=8f7dca5b94db") no-repeat left top !important;
+    filter: invert(80%) hue-rotate(180deg) contrast(160%);
+  }
+  #fancybox-outer, .background-table, .content {
+    background: #181818;
+  }
+  #fancybox-content {
+    border-color: #181818;
+  }
+  #fancybox-content .question {
+    background-color: #181818;
+    border-bottom: 1px solid #444;
+  }
+  .background-table a.tag {
+    background: rgba(/*[[base-color-rgb]]*/, .6) !important;
+    border-color: rgba(/*[[base-color-rgb]]*/, 1) !important;
+    color: #ccc !important;
+  }
+  html #footer.site-footer {
+    background: rgba(0, 0, 0, .5) !important;
+  }
+  #question-mini-list .summary .question-hyperlink {
+    color: #aaa !important;
+  }
+  .page-numbers:not(.dots) {
+    border-radius: 2px;
+    padding: 6px 8px;
+    background-color: #222;
+  }
+  input[type="submit"][value="Save Changes"] {
+    color: #ddd !important;
+    border: 1px solid rgba(/*[[base-color-rgb]]*/, 1) !important;
+    background: linear-gradient(to bottom, rgba(/*[[base-color-rgb]]*/, .4), rgba(/*[[base-color-rgb]]*/, .5));
+  }
+  html:not(#X) .s-badge.s-badge__mini {
+    background-color: /*[[base-color]]*/ !important;
+  }
+  .page-numbers.current, .page-numbers:hover {
+    color: #fff !important;
+    background-color: /*[[base-color]]*/ !important;
+    border-color: /*[[base-color]]*/ !important;
+    padding: 6px 8px;
+    border-radius: 2px !important;
+  }
+  .page-numbers.desc:hover {
+    color: #888 !important;
+  }
+  input#display-name.s-input, input#password.s-input {
+    background: #111 !important;
+  }
+  html:not(#X) .s-btn.s-btn__google {
+    border-color: #555 !important;
+    background-color: #222 !important;
+    color: #ccc;
+  }
+  html:not(#X) .s-btn.s-btn__google:hover {
+    border-color: #555 !important;
+    background-color: #282828 !important;
+    color: #eee;
+  }
+  html:not(#X) .s-btn.s-btn__facebook {
+    border-color: transparent !important;
+    background-color: #385499 !important;
+    color: #eee;
+  }
+  html:not(#X) .s-btn.s-btn__facebook:hover {
+    border-color: transparent !important;
+    background-color: #385499 !important;
+    color: #eee;
+    filter: brightness(110%);
+  }
+  a[href*="crypto"] .hot-question-site-icon,
+  a[href*="mathoverflow"] .hot-question-site-icon,
+  a[href*="superuser"] .hot-question-site-icon, .favicon-mathoverflow,
+  .favicon-crypto, .favicon-superuser,
+  .account-icon [src*="superuser/img/icon-48.png"],
+  .wmx100[src*="photometa/img/logo.svg"] {
+    filter: invert(1) hue-rotate(180deg) saturate(200%) contrast(120%) brightness(80%);
+    mix-blend-mode: exclusion;
+  }
+  a[href*="tex"] .hot-question-site-icon, .favicon-tex {
+    filter: invert(1) hue-rotate(180deg) saturate(900%) brightness(200%);
+    mix-blend-mode: exclusion;
+  }
+  .site-footer .-title a, .question-title-link, .metainfo-link {
+    color: /*[[base-color]]*/ !important;
+  }
+  .site-footer .-link:hover {
+    color: #ccc;
+  }
+  .filter-dashboard-edit .sites-list {
+    background-color: #182030;
+  }
+  .answerBox.accepted {
+    border-top: #002810;
+  }
+}
+@-moz-document regexp("^https?://((academia|buddhism|retrocomputing|security|codegolf)\\.)?stackexchange\\.com.*") {
+  #question-mini-list .summary .question-hyperlink {
+    color: /*[[base-color]]*/ !important;
+  }
+}
+@-moz-document regexp("^https?://((japanese|codereview)\\.)?stackexchange\\.com.*") {
+  #questions .question-summary .summary .question-hyperlink,
+  #question-mini-list .summary .question-hyperlink {
+    color: #ccc !important;
+  }
+}
+@-moz-document regexp("^https?:\/\/((?!area51)\w+\.)*?stackexchange\.com.*") {
+  /* login screen StackExchange logo replacement */
+  .login-page .se-logo {
+    -moz-box-sizing: border-box !important;
+         box-sizing: border-box !important;
+    background: url("https://StylishThemes.github.io/StackOverflow-Dark/images/stackexchange-logo.svg") no-repeat !important;
+    background-size: cover !important;
+    background-position: center center !important;
+    width: 200px !important; /* Width of new image */
+    height: 48px !important; /* Height of new image */
+    padding-left: 200px !important; /* Equal to width of new image */
+  }
+  /* login button (input type=button")*/
+  .login-page input.fr {
+    background-color: /*[[base-color]]*/ !important;
+  }
+  /* remove content border */
+  #content {
+    border: 0 !important;
+  }
+  #sidebar #newsletter-ad, #sidebar .ad-container,
+  #sidebar .everyonelovesstackoverflow {
+    border-width: 2px !important;
+  }
+  /* start blog.stackexchange.com */
+  .cse .gsc-control-cse, .gsc-control-cse, div.pagination {
+    background-color: #181818 !important;
+  }
+  .sidebar p {
+    color: #ddd !important;
+  }
+  .job, .module {
+    color: #888 !important;
+  }
+  .featured-site .site-details, .featured-site .stats-label,
+  .favorite-favorited-count, .favorite-score, .favorite-answer-count {
+    color: #aaa;
+  }
+  .gsc-control-wrapper-cse {
+    padding-top: 10px !important;
+  }
+  /* hide google custom search placeholder */
+  .gsc-input input:not(.gse-input-focus) {
+    background-image: none !important;
+  }
+  .podcast-container {
+    -webkit-filter: invert(100%) !important;
+            filter: invert(100%) !important;
+  }
+  .filters-sidebar .filters ul li.current {
+    filter: brightness(80%);
+  }
+  .filters-sidebar .filters ul li.current .filter-unread-count {
+    background: #182030 !important;
+  }
+  /* end blog.stackexchange.com */
+  /* http://stackexchange.com/newsletters/newsletter (see #36) */
+  .promotion-banner-container, .promotion-banner {
+    background: #222 !important;
+  }
+  table[style*="background-color"], table[style*="background-image"] {
+    background: transparent !important;
+    border: none !important;
+  }
+  table h2[style*="color: "][style*="!important"],
+  table a[style*="color: #000!important"]:not([href*="questions/tagged"]) {
+    /* can't use color here because they added an inline !important */
+    filter: invert(100%);
+  }
+  table tr, table:not(.chess-replayer-board) td, table td p {
+    background: transparent !important;
+    color: #ddd !important;
+  }
+  table td a[href*="questions/tagged"]:not(.post-tag) {
+    background: #222 !important;
+    color: #ddd !important;
+    border: none !important;
+    text-decoration: none !important;
+  }
+  table td hr {
+    border-style: solid !important;
+  }
+  footer .iconLogoSE path:first-child {
+    fill: #ededed !important;
+  }
+  div[class^="gv-"], table.gv-stats tr, table.gv-stats td {
+    color: initial !important;
+  }
+  .gv-item {
+    border-radius: 10px !important;
+  }
+  div[style*="background-color: rgb(27"] table.gv-stats tr,
+  div[style*="background-color: rgb(27"] table.gv-stats td,
+  div[style*="background-color: rgb(27"] div.gv-expanded-site-name,
+  div[style*="background-color: rgb(27"] div.gv-expanded-site-description,
+  div[style*="background-color: rgb(27"] div.gv-hot-question-asked,
+  div[style*="background-color: rgb(59"] table.gv-stats tr,
+  div[style*="background-color: rgb(59"] table.gv-stats td,
+  div[style*="background-color: rgb(59"] div.gv-expanded-site-name,
+  div[style*="background-color: rgb(59"] div.gv-expanded-site-description,
+  div[style*="background-color: rgb(59"] div.gv-hot-question-asked,
+  div[style*="background-color: rgb(3"] table.gv-stats tr,
+  div[style*="background-color: rgb(3"] table.gv-stats td,
+  div[style*="background-color: rgb(3"] div.gv-expanded-site-name,
+  div[style*="background-color: rgb(3"] div.gv-expanded-site-description,
+  div[style*="background-color: rgb(3"] div.gv-hot-question-asked {
+    color: #ccc !important;
+  }
+  .post-tag {
+    color: /*[[base-color]]*/ !important;
+    border-radius: 3px;
+  }
+  .s-btn.s-btn__primary, .s-btn.s-btn__primary:focus {
+    background-color: /*[[base-color]]*/ !important;
+  }
+  .page-numbers:not(.dots), .page-numbers:not(.dots):active {
+    background: #222;
+    background-color: #222;
+    color: #ccc;
+    border: 1px solid #555;
+    text-shadow: none;
+    padding: 5px 8px !important;
+  }
+  .page-numbers.current {
+    background: /*[[base-color]]*/;
+    background-color: /*[[base-color]]*/;
+    box-shadow: 0 2px 3px rgba(0, 0, 0, .4) inset, 0 1px 0 #111;
+    color: #fff;
+  }
+  .page-numbers:not(.dots):hover, .page-numbers:not(.dots).next:hover {
+    background: /*[[base-color]]*/;
+    background-color: /*[[base-color]]*/;
+    color: #fff;
+    text-decoration: none !important;
+  }
+  .pager .page-numbers.dots:hover, .pager .page-numbers.desc:hover,
+  .page-sizer .page-numbers.dots:hover, .page-sizer .page-numbers.desc:hover,
+  .pager .page-numbers.dots, .pager .page-numbers.desc,
+  .page-sizer .page-numbers.dots, .page-sizer .page-numbers.desc {
+    background: transparent !important;
+    color: #aaa;
+  }
+  #feed-link a {
+    color: #aaa;
+  }
+  #feed-link a:hover {
+    color: #ccc;
+  }
+  .hero-box {
+    border-color: #27354f !important;
+  }
+  html:not(#X) body #mainArea .tabs a.youarehere {
+    color: /*[[base-color]]*/ !important;
+    border-bottom: 1px solid /*[[base-color]]*/ !important;
+  }
+  html:not(#X) body #mainArea .tabs a:hover {
+    color: /*[[base-color]]*/ !important;
+    border-bottom: 1px solid /*[[base-color]]*/ !important;
+  }
+}
+@-moz-document regexp("^https?:\/\/((?!(academia|dba|electronics|meta|tex|area51))\w+\.)?stackexchange.com.*") {
+  /* target sites to *NOT* hide the header background */
+  #header, #hmenus {
+    background-color: transparent !important;
+  }
+  #header {
+    background-image: none !important;
+  }
+}
+@-moz-document domain("tex.stackexchange.com") {
+  /* target sites that need an inverted header */
+  .site-header .wmx100, img.va-middle[src*="LogoEmail.png"] {
+    filter: invert(1) hue-rotate(180deg) saturate(900%) brightness(200%);
+  }
+}
+@-moz-document domain("music.stackexchange.com") {
+  .site-header {
+    background-color: #ffd972 !important;
+  }
+}
+@-moz-document domain("stats.stackexchange.com") {
+  .site-header {
+    background-image: none;
+    background: repeating-linear-gradient(-45deg, #111, #333 2px, #111 4px);
+  }
+  .site-header .site-header--sponsored {
+    color: #ccc;
+  }
+}
+@-moz-document regexp("^https?://((unix|skeptics|math)\\.)?stackexchange\\.com.*") {
+  .site-header .wmx100 {
+    filter: invert(1) hue-rotate(180deg);
+  }
+  /* math */
+  .wmx100[src*="/math/img/logo.svg"], img.va-middle[src*="LogoEmail.png"] {
+    filter: invert(1) hue-rotate(180deg) saturate(400%) brightness(70%);
+  }
+  input#email {
+    background: #111 !important;
+  }
+}
+@-moz-document regexp("^https?://((apple)\\.)?stackexchange\\.com.*") {
+  .site-header .wmx100, img.va-middle[src*="LogoEmail.png"] {
+    filter: invert(1) hue-rotate(180deg) contrast(60%) brightness(130%);
+  }
+}
+@-moz-document regexp("^https?://((academia|chess|english|meta|movies|salesforce|skeptics|judaism|ux)\\.)?stackexchange\\.com.*") {
+  /* target sites needing menu adjustments */
+  .nav.mainnavs li, .nav.askquestion li {
+    background-color: transparent !important;
+  }
+  .nav.mainnavs, .footerwrap {
+    background-image: none !important;
+  }
+  .nav.mainnavs li {
+    margin: 0 6px !important;
+  }
+  .nav.mainnavs li a, .nav.askquestion li a {
+    padding: 6px !important;
+    margin: 2px !important;
+    border-radius: 3px !important;
+  }
+}
+@-moz-document regexp("^https?://((android|photo|softwareengineering|wordpress)\\.)?stackexchange\\.com.*") {
+  /* darken everything that uses sprite.svg (vote arrows, feed icons, etc) */
+  .envelope-on, .envelope-off, .vote-up-off, .vote-up-on, .vote-down-off,
+  .vote-down-on, .star-on, .star-off, .comment-up-off, .comment-up-on,
+  .comment-flag, .edited-yes, .feed-icon, .vote-accepted-off, .vote-accepted-on,
+  .vote-accepted-bounty, .badge-earned-check, .delete-tag, .expander-arrow-hide,
+  .expander-arrow-show, .expander-arrow-small-hide, .expander-arrow-small-show,
+  .anonymous-gravatar, .gp-share, .fb-share, .twitter-share,
+  #notify-container span.notify-close, .migrated.to, .migrated.from,
+  img[src*="img/LogoSponsored.svg"] {
+    -webkit-filter: invert(1) hue-rotate(180deg) brightness(1.1) !important;
+            filter: invert(1) hue-rotate(180deg) brightness(1.1) !important;
+  }
+  .site-header .site-header--sponsored {
+    color: #eee;
+  }
+}
+@-moz-document regexp("^https?://((security|wordpress)\\.)?stackexchange\\.com.*") {
+  /* nav manu text coloring only */
+  .nav li.youarehere a, .nav li a:hover {
+    background-color: transparent !important;
+    color: /*[[base-color]]*/ !important;
+  }
+}
+@-moz-document regexp("^https?://((photo)\\.)?stackexchange\\.com.*") {
+  .summary h3 a.question-hyperlink {
+    color: #ccc !important;
+  }
+}
+@-moz-document regexp("^https?://((physics)\\.)?stackexchange\\.com.*") {
+  /* nav manu text coloring only */
+  .site-header, #footer.site-footer {
+    background-color: #143030 !important;
+    background-image: none;
+  }
+  img.wmx100[src*="logo.svg"] {
+    filter: invert(1) hue-rotate(180deg) brightness(150%) saturate(150%);
+  }
+}
+@-moz-document regexp("^https?://((android|apple|dba|drupal|gis|mathematica|photo|scifi|security|tex|wordpress)\\.)?stackexchange\\.com.*") {
+  /* hide top nav background on <li>, style is on <a> */
+  .nav li {
+    background-color: transparent !important;
+  }
+}
+@-moz-document regexp("^https?://((android|apple|dba|gamedev|movies|salesforce|scifi|security|tex|ux|webapps|webmasters)\\.)?stackexchange\\.com.*") {
+  /* darken vote off buttons */
+  .vote-up-off, .vote-down-off, .star-off {
+    -webkit-filter: brightness(.5) !important;
+            filter: brightness(.5) !important;
+  }
+}
+/*
+@-moz-document regexp("^https?:\/\/((?!(android|apple|dba|drupal|electronics|gamedev|gis|mathematica|programmers|salesforce|security|sharepoint|tex|unix|ux|webapps|webmasters|wordpress|area51))\w+\.)*?stackexchange\.com.*") {
+/* === site specific (somewhat alphabetical order by (sub)domain) ===
+      _ _                          _ ___ _
+  ___|_| |_ ___    ___ ___ ___ ___|_|  _|_|___
+ |_ -| |  _| -_|  |_ -| . | -_|  _| |  _| |  _|
+ |___|_|_| |___|  |___|  _|___|___|_|_| |_|___|
+       |_|
+*/
+@-moz-document domain("stackoverflow.com"), domain("meta.stackexchange.com/users/login") {
+  #hlogo a {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg") !important;
+  }
+  .top-bar .-logo .-img {
+    background-image: url("https://cdn.sstatic.net/Img/unified/sprites.svg?v=fcc0ea44ba27");
+    filter: grayscale(1) invert(1) brightness(120%);
+  }
+  .top-bar .-marketing-link:hover, .top-bar .-marketing-link:focus {
+    background-color: #333;
+    color: #ddd !important;
+  }
+  .snippet-modal .-sidebar .section:not(:first-of-type) {
+    border-top-color: #444;
+  }
+  .icon-indent, .icon-cancel, .material-icons {
+    filter: grayscale(1) brightness(150%);
+  }
+  a:hover .icon-indent, a:hover .icon-cancel {
+    filter: grayscale(1) brightness(250%);
+  }
+  .modal.auto-center.snippet-modal .snippet-holder {
+    background: #222 !important;
+  }
+  iframe.snippet-box-edit {
+    filter: invert(1) hue-rotate(180deg);
+  }
+  .snippet-code .snippet-result .snippet-result-code {
+    border-top: 1px solid #444;
+  }
+  .snippet-modal .-code .column:nth-child(1),
+  .snippet-modal .-code .column:nth-child(n+1), .snippet-modal .-code .column {
+    border-color: #555 !important;
+  }
+  .as-console {
+    background-color: #111 !important;
+    border: 1px solid #444 !important;
+  }
+  .as-console-row::after {
+    color: rgba(0, 0, 0, .35) !important;
+    border: 1px solid #fff !important;
+  }
+}
+@-moz-document domain("stackoverflow.com"), domain("data.stackexchange.com") {
+  /* Codemirror Only
+   * add Twilight syntax highlighter to Code Snippet */
+  .CodeMirror {
+    background: #141414 !important;
+    color: #eee;
+    border-color: #444 !important;
+  }
+  code, pre:not(.prettyprint):not(.CodeMirror-line):not(.bg-transparent) {
+    background: var(--highlight-bg) !important;
+  }
+  .cm-comment, .cm-link {
+    font-style: italic !important;
+  }
+  .CodeMirror-gutters {
+    background: #222 !important;
+    border-right: 1px solid #484848 !important;
+  }
+  .CodeMirror-guttermarker {
+    color: #fff !important;
+  }
+  .CodeMirror-guttermarker-subtle, .CodeMirror-linenumber {
+    color: #aaa !important;
+  }
+  .CodeMirror-cursor {
+    border-left: 1px solid #fff !important;
+  }
+  .CodeMirror-focused {
+    border: 1px solid /*[[base-color]]*/ !important;
+  }
+  .CodeMirror .CodeMirror-code pre:not(.CodeMirror-line) {
+    background: transparent !important;
+  }
+  .CodeMirror-activeline-background {
+    background: #27282e !important;
+  }
+  .CodeMirror-matchingbracket {
+    outline: 1px solid #808080 !important;
+    color: #fff !important;
+  }
+  .cm-keyword {
+    color: #f9ee98 !important;
+  }
+  .cm-atom {
+    color: #fc0 !important;
+  }
+  .cm-number {
+    color: #ca7841 !important;
+  }
+  .cm-def {
+    color: #8da6ce !important;
+  }
+  .cm-variable-2, .cm-variable-3, span.cm-def, span.cm-tag {
+    color: #607392 !important;
+  }
+  .cm-builtin, .cm-operator {
+    color: #cda869 !important;
+  }
+  .cm-comment {
+    color: #777 !important;
+    font-weight: 400 !important;
+  }
+  .cm-string {
+    color: #8f9d6a !important;
+  }
+  .cm-string-2 {
+    color: #bd6b18 !important;
+  }
+  .cm-meta {
+    background-color: #141414 !important;
+    color: #f7f7f7 !important;
+  }
+  .cm-tag {
+    color: #997643 !important;
+  }
+  .cm-attribute {
+    color: #d6bb6d !important;
+  }
+  .cm-header {
+    color: #ff6400 !important;
+  }
+  .cm-hr {
+    color: #aeaeae !important;
+  }
+  .cm-link {
+    color: #ad9361 !important;
+    text-decoration: none !important;
+  }
+  .cm-error {
+    color: #f00;
+    border-bottom: 1px solid #f00 !important;
+  }
+  .cm-qualifier {
+    color: #eee !important;
+  }
+  .cm-sql-keyword {
+    color: #f9ee98 !important;
+  }
+  .cm-sql-type {
+    color: #bd6b18 !important;
+  }
+  .cm-sql-function {
+    color: #8f9d6a !important;
+  }
+  .cm-sql-var {
+    color: #607392 !important;
+  }
+  .cm-sql-comment {
+    color: #777 !important;
+    font-weight: 400 !important;
+  }
+  .cm-sql-operators, .cm-sql-operator {
+    color: #cda869 !important;
+  }
+  .cm-sql-number {
+    color: #ca7841 !important;
+  }
+  .cm-sql-literal {
+    color: #ff6400 !important;
+  }
+  .cm-sql-word {
+    color: #8da6ce !important;
+  }
+  .cm-sql-special {
+    color: #c78800 !important;
+  }
+}
+@-moz-document domain("data.stackexchange.com") {
+  #logo, #aboutSite img.site {
+    filter: invert(1) hue-rotate(180deg) contrast(120%);
+  }
+  div.grippie {
+    background-color: #444;
+    border-color: #555 !important;
+  }
+  #schema dl dd, #schema .schema-table, #query-results .panel, #queryBodyText {
+    border-color: #555;
+  }
+  .user-info.owner {
+    background-color: #182030;
+  }
+  .slick-header .slick-header-column {
+    color: #ddd;
+  }
+  p.tagline, .user-info .relativetime, .site-list li .stats li.link a,
+  .site-list li .stats li.link a:visited {
+    color: #ccc;
+  }
+  #execution-stats, .summarycount, .relativetime, #copyright,
+  .site-list li .stats li .desc {
+    color: #aaa;
+  }
+  #copyright a {
+    color: #eee;
+  }
+  relativetime, .profiler-number, #query-options .options, #query-options label {
+    color: #ccc !important;
+  }
+  #messagesTab, .querylist .views {
+    background: transparent !important;
+  }
+  #history li, #recaptcha_table, #query .right-group, #schema .heading,
+  #history .heading, .slick-header .slick-header-column,
+  .profiler-result .profiler-timings th {
+    border-color: #555 !important;
+    background: #111 !important;
+  }
+  #schema dl dd {
+    background: #181818 !important;
+  }
+  #schema .schema-table, nav.primary .site-selector-popup,
+  .profiler-results .profiler-popup, .slick-row.odd, #messagesTab:hover,
+  .profiler-results .profiler-controls,
+  .profiler-results .profiler-button:not(.profiler-button-active) {
+    background: #1d1d1d !important;
+    color: #ddd !important;
+  }
+  .error-message {
+    background: #320000 !important;
+    border-color: #430 !important;
+    color: #ddd !important;
+  }
+  #history li.selected {
+    background-color: #321 !important;
+  }
+  #history li {
+    background: #181818 !important;
+    border-bottom: 1px dotted #444 !important;
+  }
+  .icon-sort-by-alphabet.button.sort, .icon-plus.button.expand,
+  .icon-minus.button.collapse, .button.sort.icon-sort-by-order,
+  .icon-info.button.table-data {
+    background: #181818;
+  }
+  #query-results .download-button:hover {
+    background-color: #303030;
+  }
+  .site-list li .stats li.link a:hover {
+    color: /*[[base-color]]*/;
+  }
+  h2 a {
+    color: /*[[base-color]]*/ !important;
+  }
+  body nav.primary .nav .youarehere, html nav.primary .nav li a:hover {
+    background: /*[[base-color]]*/ !important;
+  }
+  body nav.primary .nav li a#compose-button:not(.youarehere) {
+    background: #333 !important;
+  }
+  nav.primary .nav li:hover + .site-selector-arrow,
+  nav.primary .nav .site-selector-arrow:hover,
+  nav.primary .nav .site-selector-arrow.youarehere {
+    background-color: /*[[base-color]]*/;
+    border-left-color: /*[[base-color]]*/;
+  }
+  nav.primary .site-selector-popup {
+    background-color: #111;
+    border: 1px solid /*[[base-color]]*/;
+    border-top-color: /*[[base-color]]*/;
+  }
+  nav.primary .site-selector-popup input.ac_input:focus {
+    border-color: #444 !important;
+  }
+  #tabs a.youarehere, .miniTabs a.youarehere {
+    background: none repeat scroll 0 0 #222 !important;
+    border-color: #444 #444 #222 !important;
+    color: #eee !important;
+    border-top: 3px solid /*[[base-color]]*/ !important;
+  }
+  .miniTabs a.youarehere {
+    margin-top: 3px;
+  }
+  #tabs a, .miniTabs a {
+    background: none repeat scroll 0 0 transparent !important;
+    border: 1px solid transparent !important;
+    color: #aaa !important;
+  }
+  #tabs a:hover, .miniTabs a:hover {
+    background: none repeat scroll 0 0 #222 !important;
+    border-color: #444 #444 transparent !important;
+  }
+  #tabs a.youarehere, .miniTabs a.youarehere {
+    background: none repeat scroll 0 0 #222 !important;
+    border-color: #444 #444 #222 !important;
+    color: #eee !important;
+    border-top: 3px solid #4c890d !important;
+  }
+  html:not(#X) #tabs a.youarehere {
+    border: 1px solid #444 !important;
+    border-top: 3px solid /*[[base-color]]*/ !important;
+    border-bottom-color: transparent !important;
+  }
+  .page-numbers.current, .page-numbers:hover, .page-numbers {
+    font-size: 100% !important;
+  }
+  .page-numbers.next, .page-numbers.prev {
+    border-color: transparent !important;
+  }
+  .page-numbers.next:hover, .page-numbers.prev:hover {
+    border-color: transparent !important;
+    background: none !important;
+    color: #fff !important;
+  }
+}
+@-moz-document url-prefix("https://data.stackexchange.com/apple") {
+  img[src*="apple/img/logo.png"] {
+    filter: invert(1) hue-rotate(180deg) brightness(120%);
+  }
+}
+@-moz-document url-prefix("https://data.stackexchange.com/askubuntu") {
+  img[src*="logo.png"] {
+    filter: none !important;
+  }
+}
+@-moz-document domain("api.stackexchange.com") {
+  .logo [fill="#0A0B09"] {
+    fill: #aaa !important;
+  }
+  .outside.content {
+    background-color: transparent !important;
+  }
+  .module.help a.youarehere::before {
+    background-color: /*[[base-color]]*/ !important;
+  }
+  #console .fetched-url, .filter-popup .filter-controls {
+    background-color: #111 !important;
+  }
+  .home-links-version-value, .permalink-popup, .filter-popup {
+    background-color: #222 !important;
+  }
+  .run-button, .load-access-token, #login-button, .filter-save {
+    background: #222 !important;
+    color: #ddd !important;
+    border: 1px solid #444 !important;
+  }
+  .run-button:hover, .load-access-token:hover, #login-button:hover,
+  .filter-save:hover {
+    background-color: #333 !important;
+  }
+}
+@-moz-document domain("worldbuilding.stackexchange.com"), url-prefix("https://worldbuilding.stackexchange.com/users/login") {
+  .s-btn.s-btn__primary {
+    border-color: /*[[base-color]]*/;
+  }
+  html:not(#X) .universal-auth-page input[id="password"] {
+    background: #111 !important;
+  }
+  #openid-buttons .s-btn__facebook {
+    border-color: transparent !important;
+    background-color: #385499 !important;
+    color: #eee !important;
+  }
+  #openid-buttons .s-btn__google {
+    border-color: #555 !important;
+    background-color: #222 !important;
+    color: #ddd !important;
+  }
+  #openid-buttons .s-btn__facebook:hover {
+    border-color: transparent !important;
+    background-color: #385499 !important;
+    color: #eee !important;
+    filter: brightness(110%);
+  }
+  #openid-buttons .s-btn__google:hover {
+    border-color: #666 !important;
+    background-color: #282828 !important;
+    color: #eee !important;
+  }
+  #footer.site-footer {
+    background-color: rgba(0, 0, 0, .5) !important;
+    background-image: none !important;
+    color: #eee !important;
+  }
+  /* becasue we remove bg image padding must be adjustedalso */
+  .site-footer {
+    padding-top: 0;
+  }
+}
+@-moz-document domain("chat.stackoverflow.com") {
+  /* chat.stackoverflow.com */
+  #hlogo a {
+    background-image: none !important;
+  }
+  #footer-logo {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg") !important;
+  }
+  #header-logo {
+    background-size: contain !important;
+  }
+}
+@-moz-document regexp("^https://(chat|meta|chat\.meta)\.stackexchange\.com.*$"), domain("chat.stackoverflow.com") {
+  img[src*="stackoverflow/img/logo.png"],
+  img[src*="stackoverflow/img/logo.png"]:hover {
+    filter: invert(1) hue-rotate(180deg);
+  }
+  .expander-arrow-small-hide, .expander-arrow-small-show {
+    filter: grayscale(1) brightness(90%);
+  }
+  .mention {
+    background-color: #005421;
+  }
+  .subheader #tabs a.youarehere {
+    background: #222 !important;
+  }
+  .weekday-small {
+    color: #111;
+    background: #b5b5b5;
+    border-bottom: 3px solid #b5b5b5;
+  }
+  .weekday, .weekday-small {
+    border-radius: 4px 4px 0 0;
+  }
+  .page-numbers:not(.dots) {
+    border-radius: 2px !important;
+    padding: 2px 8px !important;
+    background-color: #222;
+  }
+  .page-numbers:not(.dots).next, .page-numbers:not(.dots).prev,
+  .page-numbers.dots:hover, .page-numbers.dots:active {
+    border-color: transparent !important;
+    background-color: transparent !important;
+  }
+  .page-numbers:not(.dots):hover, .page-numbers:not(.dots).next:hover {
+    background: /*[[base-color]]*/;
+    background-color: /*[[base-color]]*/;
+    color: #fff;
+    text-decoration: none !important;
+  }
+  .refine-search {
+    vertical-align: bottom !important;
+  }
+  input.button[value="search again"], a:not([href]).button, input.button {
+    padding: 4px 8px;
+    border-radius: 2px;
+  }
+  #refine-search input:not(.button) {
+    vertical-align: middle;
+  }
+  input#q, input#user, input#room {
+    line-height: 1.4em;
+  }
+  #chat-body .button {
+       -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+            border-radius: 3px;
+  }
+  .ac_results {
+    border: 1px solid #555;
+    background: #333;
+    opacity: .95;
+    box-shadow: 0 1px 15px #555;
+  }
+  .ac_odd.ac_over, .ac_even.ac_over {
+    background-color: #651;
+    border: 1px dotted #aaa;
+  }
+  .ac_results li {
+    background: #222;
+    border-color: #222;
+    color: #eee;
+  }
+  html:not(#X) .outside .subheader #tabs a.youarehere {
+    margin-top: 2px !important;
+    border-top: 2px solid /*[[base-color]]*/ !important;
+  }
+  /* chat icons topbar */
+  .topbar .icon-inbox, .topbar-icon.icon-achievements {
+    filter: brightness(150%) contrast(120%);
+  }
+  /* fix flicker on avater hover */
+  img:hover {
+    filter: none;
+  }
+  img[src*="img/favicon.ico"]:not(.small-site-logo), .favicon-stackexchangemeta {
+    filter: grayscale(1) brightness(110%);
+  }
+  .subtabs a {
+    border-color: #444;
+    color: #ccc !important;
+  }
+  .no-message-slide .subtabs a.youarehere, .no-message-slide .subtabs a:hover {
+    background-color: /*[[base-color]]*/ !important;
+    border-color: /*[[base-color]]*/ !important;
+    color: #eee !important;
+  }
+  .event-banner {
+    background-color: #321 !important;
+    border-color: #651 !important;
+  }
+  body.outside #container, .monologue .signature a {
+    color: #ccc;
+  }
+  .monologue .signature a:hover {
+    color: #eee !important;
+  }
+  .subheader #tabs .tabcount {
+    background-color: #555;
+    color: #eee !important;
+  }
+  .roomcard, .usercard {
+    background: #333 !important;
+    border-color: #555 !important;
+       -moz-box-shadow: 0 1px 3px #ddd;
+    -webkit-box-shadow: 0 1px 3px #ddd;
+            box-shadow: 0 1px 3px #ddd;
+    color: #ccc !important;
+  }
+  .mini-room-chart .mspark .mspbar.now, .mspark .mspbar.now {
+    background-color: /*[[base-color]]*/ !important;
+  }
+  .mini-room-chart .mspark .mspbar, .mspark .mspbar {
+    background-color: #555 !important;
+  }
+  #chat .messages .content {
+    background: #222;
+  }
+  #chat .signature .owner {
+    background: transparent;
+  }
+  input#password {
+    background-color: #111 !important;
+    color: #ddd !important;
+  }
+  #chat a.signature, .flair {
+    color: #bbb;
+  }
+  .ob-wikipedia-title a, .ob-amazon-title a, .ob-lpadbug-title a,
+  .ob-manpage-title a, .ob-blog-title a, .ob-anime-title a, .ob-github-title a {
+    color: #bbb !important;
+  }
+  #input-area .input-hint a, a, .more, .roomcard h3, .usercard h3 {
+    color: /*[[base-color]]*/;
+  }
+  #chat div.username.moderator {
+    color: /*[[base-color]]*/ !important;
+  }
+  .msg-small, #sidebar, .ob-wikipedia, .ob-amazon, .ob-gist, .ob-message,
+  .ob-lpadbug, .ob-manpage, .ob-blog, .ob-exception, .ob-anime, .ob-github,
+  .topbar .topbar-links .topbar-menu-links a,
+  .topbar .topbar-links .topbar-menu-links a:visited {
+    color: #aaa;
+  }
+  div.message:hover .action-link, .timestamp:hover + div.message .action-link {
+    color: #eee;
+    background-color: #343434;
+  }
+  html:not(#X) #chat-body a.button[href],
+  html:not(#X) #transcript-body a.button.noprint,
+  #transcript-body #sidebar a.button,
+  html:not(#X) .xxl-info-layout .roomcard-xxl a.button[href], input.button,
+  html:not(#X) #chat-body #container span.button, .page-numbers.current,
+  html:not(#X) a#join-all.button {
+    background: none;
+    background-color: /*[[base-color]]*/ !important;
+  }
+  html:not(#X) #conversation-body #sidebar-content a.button,
+  html:not(#X) .roomcard-xxl .button, html:not(#X) #roomlist .fr .button,
+  #inviteForm input.button[type="submit"], .usercard-xxl input.button,
+  html:not(#X) .roomcard-xxl input.button[type="submit"],
+  .button:not(input):not(.huge-button) {
+    background-color: /*[[base-color]]*/ !important;
+    border-color: rgba(/*[[base-color-rgb]]*/, .7) !important;
+    box-shadow: none !important;
+    border-radius: 2px;
+    padding-bottom: 1px !important;
+  }
+  .s-btn__primary[href="/questions/ask"],
+  .s-btn__primary[href="/questions/ask"]:focus {
+    background-color: /*[[base-color]]*/ !important;
+  }
+  .popup .btn-close:hover, #conversation-sel .btn-close:hover {
+    background-color: /*[[base-color]]*/;
+    color: #ccc;
+  }
+  #room-tags a.tag {
+    color: /*[[base-color]]*/;
+    background-color: rgba(/*[[base-color-rgb]]*/, .2) !important;
+    border-bottom-color: rgba(/*[[base-color-rgb]]*/, .3) !important;
+    border-right-color: rgba(/*[[base-color-rgb]]*/, .5) !important;
+  }
+  a:hover .ob-post-tag, a:hover .ob-user-tag, #sidebar-content div a.tag:hover,
+  .roomcard-xxl .tag:hover {
+    color: /*[[base-color]]*/;
+    background-color: rgba(/*[[base-color-rgb]]*/, .4) !important;
+    border-color: rgba(/*[[base-color-rgb]]*/, .6) !important;
+  }
+  .ob-post-tag, #sidebar-content div a.tag, .roomcard-xxl .tag {
+    color: /*[[base-color]]*/ !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .2) !important;
+    border-color: rgba(/*[[base-color-rgb]]*/, .5) !important;
+  }
+  .popup .btn-close, #conversation-sel .btn-close {
+    background-color: #555;
+    color: #aaa;
+  }
+  .popup, #main.message-admin-mode .message-controls, #conversation-sel,
+  .ob-post, .answer-link span[title] {
+    color: #aaa;
+  }
+  .footerwrap a {
+    color: #aaa !important;
+  }
+  #footer {
+    color: #777;
+  }
+  .ob-post-title a, .system-message-container .system-message {
+    color: #ccc !important;
+  }
+  #input-area .input-hint button,
+  .topbar .topbar-links .topbar-menu-links a:hover {
+    color: #ccc;
+  }
+  #roomlist [id*="room-"].roomcard, .roomcard, .usercard {
+    background: #222 !important;
+    border-color: #444 !important;
+    color: #ccc !important;
+  }
+  #loading {
+    background: rgba(52, 52, 52, .8);
+  }
+  #loading #loading-message {
+    background-color: #222;
+       -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+  .ac_loading {
+    background: #321;
+  }
+  #input-area {
+    background: #111;
+  }
+  .onebox {
+    background-color: #222;
+  }
+  .topbar .topbar-links .topbar-menu-links a:hover {
+    background-color: #343434;
+  }
+  .ob-post-votes {
+    background-color: #343434;
+    color: #bbb;
+  }
+  html #input-area a {
+    color: /*[[base-color]]*/;
+  }
+  .ticker-item a {
+    color: /*[[base-color]]*/ !important;
+  }
+  img[src*="anon.png"] {
+    filter: invert(1) hue-rotate(180deg) brightness(150%);
+  }
+  #input-area .input-hint::before {
+    border-left-color: #555;
+  }
+  .conversation-info {
+    border-color: #555;
+    color: #ccc;
+    background-color: #222 !important;
+  }
+  ul#my-rooms > li.activity-0 {
+    color: #278e49;
+  }
+  ul#my-rooms > li.activity-1 {
+    color: #45a163;
+  }
+  ul#my-rooms > li.activity-2 {
+    color: #ccc;
+  }
+  ul#my-rooms > li.activity-3 {
+    color: #aaa;
+  }
+  ul#my-rooms > li.activity-4 {
+    color: #999;
+  }
+  /* These two rules below are tied somehow */
+  .system-message-container.timebreak {
+    filter: invert(1) hue-rotate(180deg);
+  }
+  #chat .system-message, .system-message-container {
+    background: transparent !important;
+    border: 0 !important;
+  }
+  .messages {
+    background-color: #242424;
+    border-color: #222;
+    color: #ccc;
+  }
+  .monologue.catchup-marker-1, #present-users, ul#my-rooms,
+  div#starred-posts > div > ul > li, #sidebar #info #sidebar-menu,
+  .calendar-small, .calendar, .subheader #tabs a {
+    border-color: #444;
+  }
+  .room-header, .user-header, #header {
+    border-color: #666;
+  }
+  html:not(#X) .subheader #tabs a.youarehere {
+    border: 1px solid #555 !important;
+    border-bottom-color: transparent !important;
+    margin-top: 3px;
+  }
+  /* fix upstream bug alignment */
+  .favorite-room-vote {
+    vertical-align: middle;
+  }
+  .subheader #tabs .disabled {
+    border-color: transparent;
+  }
+  .weekday {
+    color: #eee;
+    background: #a83436;
+    background-color: #a83436;
+    border-bottom: 3px solid #772524;
+            box-shadow: none;
+       -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    text-shadow: none;
+  }
+  .notification, #feed-ticker {
+    background: #222 !important;
+       -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+  .fly-in-user {
+    background-color: #333;
+    color: #ddd;
+    border-color: #555;
+  }
+  #header h1, span[style="color: black;"] {
+    color: #eee !important;
+  }
+  img[src*="se-chat-logo.png?v"] {
+    filter: invert(1) hue-rotate(180deg) contrast(80%);
+  }
+  img[src="https://cdn.sstatic.net/Sites/stackoverflow/img/logo.png?v=db"] {
+    visibility: hidden !important;
+  }
+  button.navigational, button.navigational:hover, #chat, #transcript,
+  #conversation {
+    background: transparent;
+  }
+  #input-area .input-hint, .faq-page #top-section {
+    border-color: #444;
+  }
+  .dismiss-input-hint.button {
+    color: #eee;
+    background: #651 !important;
+  }
+  .dismiss-input-hint.button:hover {
+    color: #fff;
+    background: #796619 !important;
+  }
+  .faq-page #top-section .col-section {
+    border: solid 1px #542;
+    background-color: #321;
+  }
+}
+@-moz-document domain("askubuntu.com") {
+  .site-header {
+    background-color: #dc461d !important;
+  }
+  .narrow div.votes, .answered-accepted .mini-counts {
+    background-color: transparent !important;
+  }
+  #custom-header .nav-global, #custom-header .nav-global ul, .topbar {
+    background-color: #000 !important;
+  }
+  #custom-header .more.open, .topbar .profile-me:hover, .topbar a:hover,
+  .topbar-icon:hover, #hmenus, .nav li, .nav a {
+    background-color: #111 !important;
+  }
+  #custom-header .nav-global a {
+    border-top-color: transparent !important;
+  }
+  #custom-header .nav-global a.active {
+    color: #eee !important;
+    border-top-color: #eee !important;
+  }
+  .nav li.youarehere, .nav li:hover {
+    background-color: /*[[base-color]]*/ !important;
+  }
+  a.question-hyperlink, .summary h3 .question-hyperlink {
+    color: #ddd !important;
+  }
+}
+@-moz-document domain("dba.stackexchange.com") {
+  /* database administrators */
+  #hlogo a {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/database-admin-logo.svg") !important;
+  }
+  #header {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/database-admin-logo-lines.png") !important;
+  }
+}
+@-moz-document url-prefix("https://stackoverflow.com/documentation") {
+  /* documentation beta moved into Stackoverflow */
+  .examples .example:hover, .example.expanded, div.sidebar, .timestamp,
+  .syntax .syntax-html, #tabs a, .tabs a, .intellitab a {
+    background: transparent !important;
+  }
+  .doctag-cards .card-top, .proposal-cell, .button, .btn, .btn-clear, input,
+  .panel-empty, .version-line,
+  .container.example-expanded:not(.split-disabled) .split-pane-examples,
+  .vertical-option, .search-doctag-popdown {
+    background-color: #181818 !important;
+  }
+  .version-name, .version-row, .example-metric, .edit-summary,
+  .first-time-container, .current-draft, a.selected, .diff-choices a:hover,
+  .diff-type-controls a:hover, .doctag-cards .card-bottom, .proposal-details,
+  .bubble-message .left-pane, .bubble-message .right-pane,
+  .vertical-option:hover, .side-by-side-markdown .skip-row, .introduction-topic {
+    background-color: #222 !important;
+  }
+  .vertical-option:hover, .split-option:hover, .expand-all-examples:hover,
+  .collapse-all-examples:hover, .examples .example-expansion-chevron:hover,
+  .examples .example.collapsed:hover .example-expansion-chevron {
+    background-color: rgba(50, 50, 50, .6) !important;
+  }
+  input.request-topic-button, .search-doctag-popdown .section-items a:hover {
+    background-color: #333 !important;
+  }
+  .btn-outlined, .topic-title.change-modifies, .syntax.change-modifies,
+  .parameters.change-modifies, .remarks.change-modifies,
+  .remarks-subsection.change-modifies,
+  .split-disabled .example.expanded.change-modifies, .versions.change-modifies {
+    border-color: #484848 !important;
+  }
+  input[type="button"]:hover, button:hover, .button:hover, .btn:hover,
+  button:focus, .button:focus, .btn:focus, .btn-clear:hover {
+    background-color: /*[[base-color]]*/ !important;
+    color: #ddd !important;
+  }
+  .btn-outlined:hover {
+    border-color: /*[[base-color]]*/ !important;
+  }
+  .relativetime,
+  .edit-summary .edited-sections li:not(.example-list).section-being-edited {
+    color: #ddd !important;
+  }
+  .topic-request-vote-up .vote-arrow {
+    border-color: transparent transparent #fff !important;
+  }
+  /* score box hidden behind up vote arrow, why? */
+  .collapsed-example-score {
+    visibility: hidden !important;
+  }
+  .syntax .syntax-html li {
+    padding: 0 !important;
+  }
+  .syntax .syntax-html code {
+    padding: 10px 0 10px 10px !important;
+  }
+  /* add padding because footer is semi-transparent and has "position:relative" set */
+  .split-pane-examples {
+    padding-bottom: 520px !important;
+  }
+  /* blue */
+  .hero-box .blue, input[type="submit"].btn-secondary,
+  input[type="button"].btn-secondary, button.btn-secondary, .btn-secondary,
+  .privacy-switch-btn, .topic-request-vote-up, .message-info {
+    background: #182030 !important;
+  }
+  .message-tip-top-center::before {
+    border-bottom-color: #182030 !important;
+  }
+  /* brown */
+  .handling-improvement-request, .shared-draft, .topic-request, .pending-review,
+  .deleting-topic, .has-changed, .missing-example, .pending-proposed-change,
+  .undeleting-topic, .undeleting-example, .edit-notifications, .hero-box .btn,
+  .moved, .section-help {
+    background: rgba(51, 34, 17, .4) !important;
+    border-color: #542 !important;
+    color: #b74 !important;
+  }
+  .edit-notifications .view-proposed-change:hover,
+  .edit-notifications .view-latest-draft:hover,
+  .edit-notifications .accept-chat-invite:hover {
+    background-color: rgba(51, 34, 17, .8) !important;
+  }
+}
+@-moz-document domain("electronics.stackexchange.com") {
+  /* electrical engineering */
+  .nav li, .nav li a, .nav li a:hover, .nav li.youarehere a,
+  .answered-accepted .mini-counts {
+    background-color: transparent !important;
+  }
+}
+@-moz-document domain("english.stackexchange.com") {
+  /* english language & usage */
+  .post-signature.owner {
+    background-image: none !important;
+  }
+}
+@-moz-document domain("es.stackoverflow.com") {
+  /* es.stackoverflow.com (Spanish) */
+  .-logo .-img:not(._glyph) {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/es-stackoverflow-logo.svg") !important;
+    background-size: cover !important;
+    height: 50px !important;
+  }
+}
+@-moz-document domain("es.meta.stackoverflow.com") {
+  /* es.meta.stackoverflow.com (Spanish) */
+  .-logo .-img:not(._glyph) {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/es-meta-stackoverflow-logo.svg") !important;
+    background-size: cover !important;
+    height: 50px !important;
+  }
+}
+@-moz-document domain("graphicdesign.stackexchange.com") {
+  /* nav manu text coloring only */
+  .nav li, .nav li.youarehere a, .nav a, .nav a:hover, #footer .top-footer-links,
+  #footer #footer-sites, .narrow .votes, .narrow .mini-counts, .answered,
+  .answered-accepted {
+    background-color: transparent !important;
+    color: #ddd !important;
+  }
+  .nav li.youarehere a, .nav li a:hover {
+    color: /*[[base-color]]*/ !important;
+  }
+  .answered-accepted .mini-counts span {
+    color: #fff !important;
+  }
+  .about-page .new-about-content-page h2.about-title {
+    color: #888 !important;
+  }
+  body::before {
+    -webkit-filter: brightness(.3) !important;
+            filter: brightness(.3) !important;
+  }
+  .answered-accepted .mini-counts {
+    background-color: #27ae60 !important;
+    color: #ddd !important;
+  }
+  .answered .mini-counts span {
+    font-weight: bold !important;
+    color: #27ae60 !important;
+  }
+}
+@-moz-document domain("hermeneutics.stackexchange.com") {
+  .bg-black-750, .h\:bg-black-750:hover, .f\:bg-black-750:focus {
+    background-color: #181818 !important;
+  }
+  .site-header .site-header--link, .site-header .site-header--link:hover {
+    color: #2c5777;
+  }
+}
+@-moz-document domain("hermeneutics.meta.stackexchange.com") {
+  .site-header .site-header--link, .site-header .site-header--link:hover {
+    color: #ccc;
+  }
+}
+@-moz-document domain("ja.stackoverflow.com") {
+  /* ja.stackoverflow.com (Japanese) */
+  .-logo .-img:not(._glyph) {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/ja-stackoverflow-logo.svg") !important;
+    background-size: contain !important;
+    height: 60px !important;
+  }
+}
+@-moz-document domain("ja.meta.stackoverflow.com") {
+  /* ja.meta.stackoverflow.com (Japanese) */
+  .-logo .-img:not(._glyph) {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/ja-meta-stackoverflow-logo.png") !important;
+    background-size: contain !important;
+    height: 60px !important;
+  }
+}
+@-moz-document domain("mathoverflow.net") {
+  /* mathoverflow.net */
+  #hlogo a {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/mathoverflow-logo.png") !important;
+  }
+  .wmx100[src*="/mathoverflow/img/logo.svg"] {
+    filter: invert(1) hue-rotate(180deg) saturate(200%) contrast(120%) brightness(80%);
+    mix-blend-mode: exclusion;
+  }
+}
+@-moz-document domain("meta.stackoverflow.com") {
+  /* meta.stackoverflow.com */
+  #hlogo a, .-logo > .-img {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/meta-stackoverflow-logo.svg") !important;
+  }
+  #sidebar .community-bulletin .bulletin-item-content a,
+  #sidebar .community-bulletin .bulletin-item-content a:hover {
+    color: /*[[base-color]]*/ !important;
+  }
+  #sidebar .community-bulletin .bulletin-item-content a:hover {
+    color: #fff !important;
+  }
+}
+@-moz-document url-prefix("https://meta.stackexchange.com"), url-prefix("https://meta.stackexchange.com/users/login?ssrc=head") {
+  #hlogo a {
+    text-indent: -9999px !important;
+  }
+  #footer {
+    background-color: #182030 !important;
+    background-image: url("https://meta.stackexchange.com/content/Sites/stackexchangemeta/img/icon-cloud-footer.png?v=ac80a4525ace") !important;
+  }
+  .s-btn, .s-btn:focus {
+    background-color: rgba(0, 119, 204, 0);
+  }
+  .s-btn__google {
+    color: #eee;
+  }
+  html:not(#X) button.s-btn__facebook {
+    border-color: transparent !important;
+    background-color: #385499 !important;
+    color: #eee !important;
+  }
+  html:not(#X) button.s-btn__facebook:hover, .s-btn__google:hover {
+    color: #eee;
+    filter: brightness(115%);
+  }
+  .fc-powder-700 {
+    color: #46a2d9 !important;
+  }
+  .page-numbers {
+    border-radius: 2px !important;
+    padding: 4px 8px !important;
+    font-size: 100%;
+    background-color: #222;
+  }
+}
+@-moz-document domain("photo.stackexchange.com") {
+  #custom-content {
+    background-image: none !important;
+  }
+  .vote-count-post {
+    color: #777 !important;
+  }
+}
+@-moz-document domain("portuguese.meta.stackexchange.com"), domain("portuguese.stackexchange.com") {
+  #hlogo a {
+    text-indent: 0 !important;
+  }
+  .nav ul li {
+    margin-left: 5px !important;
+  }
+  .nav ul li a {
+    padding: 5px 10px !important;
+    margin: 0 !important;
+  }
+}
+@-moz-document domain("pt.stackoverflow.com") {
+  /* pt.stackoverflow.com (Portuguese) */
+  .-logo > .-img._glyph {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/pt-stackoverflow-logo.svg") !important;
+    background-size: contain !important;
+    height: 50px !important;
+    margin-top: 10px !important;
+  }
+}
+@-moz-document domain("pt.meta.stackoverflow.com") {
+  /* pt.meta.stackoverflow.com (Portuguese) */
+  .-logo > .-img._glyph {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/pt-meta-stackoverflow-logo.svg") !important;
+    background-size: contain !important;
+    height: 50px !important;
+    margin-top: 10px !important;
+  }
+}
+@-moz-document domain("raspberrypi.stackexchange.com"), domain("raspberrypi.meta.stackexchange.com") {
+  .nav li, .nav a {
+    background-color: transparent !important;
+    border: 0 !important;
+  }
+  .vote-up-off, .vote-down-off {
+    filter: brightness(.6) !important;
+  }
+  .container, .site-footer {
+    background-image: none !important;
+  }
+}
+@-moz-document domain("rpg.stackexchange.com") {
+  #content, #hmenus, #mainbar .subheader, .mainbar .subheader,
+  #footer .footerwrap {
+    background-image: none !important;
+  }
+  #hlogo {
+    left: 25px !important;
+  }
+  .nav li a {
+    margin: 0 !important;
+    padding: 10px 20px !important;
+  }
+  #nav-askquestion {
+    text-indent: 10px !important;
+  }
+  a[class*="vote-"]:hover {
+    background-color: transparent !important;
+  }
+  .favicon.favicon-rpgmeta {
+    filter: invert(1) brightness(.9);
+  }
+  html:not(#X) #tabs a.youarehere, html:not(#X) .tabs a.youarehere {
+    border: 1px solid #444 !important;
+    border-bottom-color: transparent !important;
+  }
+}
+@-moz-document domain("ru.stackoverflow.com") {
+  /* ru.stackoverflow.com (Russian) */
+  .-logo .-img:not(._glyph) {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/ru-stackoverflow-logo.svg") !important;
+  }
+}
+@-moz-document domain("ru.meta.stackoverflow.com") {
+  /* meta.ru.stackoverflow.com (Russian) */
+  .-logo .-img:not(._glyph) {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/ru-meta-stackoverflow-logo.svg") !important;
+    background-size: contain !important;
+    height: 60px !important;
+  }
+}
+@-moz-document domain("salesforce.stackexchange.com") {
+  .star-on {
+    -webkit-filter: brightness(.9) !important;
+            filter: brightness(.9) !important;
+  }
+}
+@-moz-document domain("serverfault.com") {
+  /* serverfault.com */
+  .site-header img {
+    filter: invert(1) hue-rotate(180deg) brightness(80%);
+  }
+}
+@-moz-document domain("skeptics.stackexchange.com") {
+  #hlogo a {
+    height: 60px !important;
+    background-size: contain !important;
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/skeptics-logo.svg") !important;
+  }
+  #hmenus .nav li a {
+    border: none !important;
+    margin-top: 40px !important;
+  }
+  #hmenus .nav ul li::before {
+    mix-blend-mode: initial !important;
+    color: #999 !important;
+    left: 3px !important;
+  }
+}
+@-moz-document domain("softwareengineering.stackexchange.com") {
+  /* softwareengineering.stackexchange.com specific tweaks *//* menu & section underline extensions (wrong color) */
+  #hmenus .nav ul li a, #hmenus .nav ul li a:hover {
+    /* display: none !important; */
+    border-bottom-color: #db2424 !important;
+  }
+  #header {
+    border-bottom-color: #2b2b2b !important;
+  }
+  .subheader::before, .subheader::after {
+    background: transparent !important;
+  }
+  /* target sites that don't need a menu background color */
+  .nav li, .nav a, .nav li.youarehere a, .nav a:hover {
+    background-color: transparent !important;
+  }
+  .vote-up-off:not(.vote-up-on), .vote-down-off:not(.vote-down-on),
+  .star-off:not(.star-on) {
+    background-color: transparent !important;
+    filter: invert(100%) !important;
+  }
+  a.vote-up-off:hover, a.vote-down-off:hover, a.vote-up-on:hover,
+  a.vote-down-on:hover {
+    background-color: transparent !important;
+    filter: brightness(200%) !important;
+  }
+}
+@-moz-document domain("stackapps.com") {
+  /* stackapps.com */
+  #hlogo a {
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/stackapps-logo.png") !important;
+    background-size: contain !important;
+  }
+  img.wmx100 {
+    filter: invert(1) hue-rotate(180deg) brightness(80%);
+  }
+}
+@-moz-document regexp("^https?://stackexchange\\.com.*") {
+  /* stackExchange.com */
+  header h1 {
+    height: 60px !important;
+    background-size: cover !important;
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/stackexchange-logo.svg") !important;
+  }
+  .page-numbers.current {
+    border-radius: 2px !important;
+    padding: 5px 8px !important;
+    font-size: 100%;
+  }
+}
+@-moz-document domain("superuser.com") {
+  #hlogo a {
+    height: 60px !important;
+    background-size: cover !important;
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/superuser-logo.svg") !important;
+  }
+  .site-header--link img {
+    filter: invert(80%) hue-rotate(180deg) contrast(110%);
+  }
+}
+@-moz-document domain("meta.superuser.com") {
+  #hlogo a {
+    height: 60px !important;
+    background-size: contain !important;
+    background-image: url("https://StylishThemes.github.io/StackOverflow-Dark/images/meta-superuser-logo.svg") !important;
+  }
+  img.wmx100[src*="superusermeta/img/logo.svg"] {
+    filter: invert(1) hue-rotate(180deg) brightness(75%) saturate(150%);
+  }
+}
+@-moz-document domain("travel.stackexchange.com") {
+  .container {
+    position: relative !important;
+  }
+  .container::after {
+    content: " ";
+    background: url("https://cdn.sstatic.net/Sites/travel/img/bg-map.png?v=78dabedcf17b") no-repeat center -34px !important;
+    position: absolute !important;
+    top: 0 !important;
+    left: 0 !important;
+    width: 100% !important;
+    height: 100% !important;
+    z-index: 0 !important;
+    opacity: .1 !important;
+    pointer-events: none !important;
+  }
+  .nav li, .nav a, .narrow .status, #content {
+    background: transparent !important;
+  }
+  .nav a:hover, .nav li.youarehere a {
+    background: rgba(0, 0, 0, .3) !important;
+  }
+  .answered-accepted .mini-counts {
+    background-color: /*[[base-color]]*/ !important;
+  }
+}
+@-moz-document domain("wordpress.stackexchange.com") {
+  #hmenus {
+    border: none !important;
+  }
+  .module {
+    background-image: none !important;
+    border: 1px solid #333 !important;
+    border-width: 0 0 1px 0 !important;
+  }
+  /* override !important flag set in site css */
+  a.question-hyperlink {
+    color: /*[[base-color]]*/ !important;
+  }
+  a.question-hyperlink:hover {
+    color: #aaa !important;
+  }
+  .site-footer {
+    color: #eee !important;
+  }
+}
+@-moz-document domain("webapps.stackexchange.com") {
+  #question-mini-list .summary .question-hyperlink {
+    color: /*[[base-color]]*/ !important;
+  }
+  #question-mini-list .summary .question-hyperlink:hover {
+    color: /*[[base-color]]*/ !important;
+    opacity: .9;
+  }
+}
+@-moz-document domain("blender.stackexchange.com") {
+  .site-footer--copyright p {
+    color: #bbb !important;
+  }
+  .site-footer .-link {
+    color: #ccc;
+  }
+  .site-footer .-link:hover, .site-footer--copyright p a,
+  .site-footer--copyright p a:visited {
+    color: #ddd !important;
+  }
+  .site-footer .-title, .site-footer .-title a,
+  .site-footer--copyright p a:hover {
+    color: #eee !important;
+  }
+}
+@-moz-document regexp("https?://stackoverflow\.com/(enterprise|teams|talent|advertising).*") {
+  img.wmx100 {
+    filter: invert(1) hue-rotate(180deg) contrast(100%) brightness(400%);
+    mix-blend-mode: exclusion;
+  }
+  .p-bg-white-tint, .p-bg-blue-tint {
+    background: #222;
+  }
+  .bg-black-300, .h\:bg-black-300:hover, .f\:bg-black-300:focus {
+    background-color: #444 !important;
+  }
+  .p-bg-blue, .s-navigation--item.is-selected {
+    background-color: rgba(79, 140, 201, .6) !important;
+    background-color: rgba(/*[[base-color-rgb]]*/, .6) !important;
+  }
+  .p-fc-blue, h2.p-fc-blue {
+    color: /*[[base-color]]*/ !important;
+  }
+  .fc-powder-900 {
+    color: #999 !important;
+  }
+  .p-bg-beige-pastel, .p-bg-blue-pastel {
+    background: #282828;
+  }
+  .p-bg-yellow {
+    background: #ffb500;
+    color: #111 !important;
+  }
+  .h\:p-bg-yellow-tint:hover {
+    background: #f1ab00 !important;
+  }
+}
+@-moz-document regexp("https?://stackexchange.com/(about|performance|leagues|sites\#)\.*"), regexp("https?://stackexchange.com/about/(moderators|security)\.*") {
+  .gv-size-huge .btn {
+    background: #555 !important;
+    color: #ddd !important;
+    text-shadow: none;
+  }
+  .gv-size-huge .btn:hover {
+    background: /*[[base-color]]*/ !important;
+    color: #eee !important;
+    text-shadow: none;
+  }
+  .section-2 .data .state {
+    color: #888;
+  }
+  #mainContainer, .mainTitle span, .title span, .legend, .stat.percentage .peak,
+  .section-8 .mainTitle h2, .section-8 .mainTitle span {
+    color: #aaa;
+  }
+  .stat.throughput .number {
+    color: #146dc7;
+  }
+  .stat.percentage {
+    border-color: #555;
+  }
+  .section-8 .tag-link {
+    background: #111;
+    border-color: #444;
+    color: #ccc !important;
+  }
+  .section-8 .tag-link:hover {
+    background: #222;
+    color: #ddd !important;
+  }
+  .section-3 .illustration {
+    border-top-color: #666;
+  }
+  .mods-item, .league-container {
+    border-color: #444;
+  }
+  .bc-black-3 {
+    border-color: #444 !important;
+  }
+  .fc-blue-600 {
+    color: /*[[base-color]]*/ !important;
+  }
+  .introBlock .illustration .img1, img[src*="db.svg"] {
+    filter: invert(1) hue-rotate(180deg) contrast(90%) brightness(300%);
+    mix-blend-mode: exclusion;
+  }
+  img[src="https://cdn.sstatic.net/stackexchange/Img/performance/svg/server.svg?v=8469d56f8b0e"] {
+    filter: invert(1) hue-rotate(180deg) contrast(350%) brightness(60%);
+    mix-blend-mode: exclusion;
+  }
+  a[href*="stackoverflow"] img[src*="Img/about/logo-sotalent.svg"],
+  a[href*="stackoverflow"] img[src*="Img/about/logo-so.svg"] {
+    filter: invert(100%) hue-rotate(180deg) !important;
+  }
+}