stackoverflow-dark.user.css

/* ==UserStyle==
@name         Stack Overflow Dark
@version      5.1.3
@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,
  body.unified-theme, body.unified-theme * {
    --theme-link-color-visited: /*[[visited-color]]*/ !important;
    --theme-footer-link-color: #aaa;
    --theme-body-font-color: /*[[strong-color]]*/;
    --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,
  .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: 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;
  }
}