Stack Overflow Dark by stylishthemes

Imported and mirrored from https://raw.githubusercontent.com/StylishThemes/StackOverflow-Dark/master/stackoverflow-dark.user.css

Stack Overflow Dark screenshot
Homepage Install Get Stylus Write a review

Details

Authorstylishthemes

LicenseCC-BY-SA-4.0

Created

Updated

CategoryStack Exchange

Statistics

Learn how we calculate statistics in the FAQ.

Total views

Total installs

Weekly installs

Weekly updates

Description

Dark theme for Stack Overflow & most Stack Exchange network sites

Notes

Userstyle doesn't have notes.

Source code

Source code has over 100k characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Stack Overflow Dark
@version      5.1.1
@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
@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 strong-color "Strong color" #ccc
@advanced text font-choice "Code Font" Menlo
@advanced dropdown bg-choice "Background image" {
crosshatch "Cross-Hatch" <<<EOT
  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAAAAABURb1YAAAFoUlEQVR4AWXWCY7kMJcDYd9DiCD4jLr/EWezJOT8vbMXy8ZngpVPlLUWbWABJFVRZyqqdqIq9O9V1gJS14KFfYzASvgS1UTF1jSqE9qgNjYVoNxLfIhCBFKhOTdPNR11KpmKk4W2LhowESMPKHHBItCg2tqoGm0VbWnXAmxIAFALPIAtCxY4VVX7jqrSGRVlJnwqfRsAIG+BZ0EmHy7Jm3NMo6KzdWXGc8ycY2zyHdOrW3hHhcQ0+uvcYlz3LQgQVyrPp2t+dUncjzHVTNFNuvhwK2Jgkfh856/INm05pjEVtWEKC6IfrmmtfPnpYZkRVTPjFztVUDsDLLCvR2WmX6RPXV/KRBQ7E0GZN5w+5+rKd2J7Ev1sFtVGlYY2oq2tgtN1SakCTkwiaxkebLZuJtjCd/OvyY1OQXXrGnAKfE67xbGq/NzemNviTWC2LjHjl6ruFucdUTTT4/wO7tQtkPd0LtO1ncs+ZrVvUXXeHue3Xt1zTD1vJlkbt8rigWhH3EUJ6HT31JYE1lp15XY1BSDaFh4asRNt0U5gqraB+UyFZJNagXh/qTxV1TY90VSVSLMX0W7dGA/4SfEZj+R7l6Hs9O6Orx5ne51Tj3Oev5E9MFWReefovrI73lzdnTziy8mTRjU1jZ99GtT52We2bmVfvqvKovqYqZ6N2GlGbRZYWM3CRKzX2bVQoMqjnbSopmlBTe3vMix227dzvqRJVR9+dT0LfJZhTyzbeaffIg6qz+muKJ2KoJ249yD3ku5kI/sJm31Mj41TrIoNVlgrolc33nTK06qPrdpRW6UTnZwnj6BuXdy6EMCqtPqcPUhS9OoC6mnYr+7p7tY10zyfLv7ovrMxfLs2y9trusGZMyW+80zU7z9Wz5D//8YusxMkP845i/Qk21Sru3W3u+aI5OtbWK3bpVVtk8c0OnuLpYVlXWQrYgFui0nAouTMy6OZtKKk5+EN9+GPs6e7aOpuewv6eL++gfnrIbiNdX7+bu0+j4rCvKo+aKdVxenV7dGtO3F1aRrP00R9sN26TNa+JsLpKYmLtZ1ZWJxGSc1UfDy7q/1Ms9ZdbuICFXJ1I5puXRt8WlXTpAsWhrrb4v7K7e3N7a5pZ4f0ed3mfy8L1iLzr3PmpDllv0nnfaaeZcj185/d/U3qj662fWwFpnsSqYvb3eN1+ky0Vclom50eTncXxA9x2cDu/F6GZcSAGrWqCe698be7qTv529jjXEVtT9GSGbktZp3G7nScj+4CTnflfXN1VXzU1uyLG88KnBSPblVBnUZFm91inYBsXW/zbG4SltE0YKtp1I5po4/tbWxYZ83PFldYiWcZCpkvaUc11Weu7iYwhltZfu3VnlGhnRHUmT6zABb+mv4u8Np/p1xTVd9XYG9x3RNybm39cWYnGkXTO9kn0fG5y7BWXKexp7v085JOxI62OyWN0pEHE/yEEgx7LSyf7rJbklTVakak3e18wHicTVlrRzeV9WzjiGrP7NqZAmt/Lv5nd518uitvVNH56W5Qwfd1AQ+YxP/UjXqfJgpm2tyhUpE0suBZFqzHNFm7uzl/l7sHnajtdf68Fs/ZWMm4gHpb/OliqjfRUf2bmBGYLJ66u5vJrpqRf5cORdupKvl7D2n06VdiMl3/sbvrdBfnL6ri+yX07933pfP801huIiaoOLm6J82c2xkfb2NPAs1Zhmva6XWuOm/W1P0+Hmz4XRnXTWpGs/cgN2nvZwsiPEBSd3Ud2XFjJNPtPCd1Zlys2zmef3Z3rU8tomK3rs5N73v3+ZXd4uY6E2GB9SzD7MbaprkJYN1rn1/dSCJrWc1U6GjbLZIp2nFZf67g4e6ucbH40Y1WwebsbrbuUjCfxGdzG/uldlA1naJI5p3j/FaARdxvZtKHfz49dIKizl9hL3Cvruf/3Sum/w07RUTLccAlwgAAAABJRU5ErkJggg==') EOT;
  uniform "Uniform Tile" <<<EOT
  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAQMAAABKLAcXAAAABlBMVEUfHx8aGhrh02scAAAAH0lEQVR4AWMQRAICeHn/kcAH8vSN6hvVN6pvVN+oPgAPQ4LItqOMdQAAAABJRU5ErkJggg==') EOT;
  random "Random Tile" <<<EOT
  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUaGhohISElJSUh9lebAAABwElEQVR4AY3Vua3gOBgGQQXZhgKYgwHJYAA0Ksu9CAh6hxbTbvFzfx6rNEGlHY6z5KvMw4s43mN2Z5fqYLzKyrfyXhXKnKBdD9n58UWW3Vlb3mOCmWoHHZbdV5lv8t7Ver6ldsfqumVAdbblxxcZVcd7QWq2Y6VsadS4ZTzFDbFa5XivqlxVUFG1Jd6k66u8x0RIOw0cXAiNW2z58bJ5r1LTQtVVuy1x2jK+yLTlxy3v5RogszEXSB0ZF4iYWLbMMUBGPDbvpRQUVUV9kvGU6ynrIe9FOqssJcQ4oqurCjV6ytmqco4SwvGeNCoJaphwSHoK13cyuuU9ZaQI0lB1qB8zT3GL2XjKueU9pR+gH0OlqvGUzHWLQ81O0Dg95L3Uj9qxKx0pr3LdYrnlvQKlUEnV/8v4Xt6bThZROwaO5QfTUyY4GCBWu8Wf/nO4ULtj/li3mE9Z47zlx/WU94Iq7RD5XuZ6ynjIGn9yr1VhFaq2NH9s4bP4Rt5j2NFO5MBXGVsmsD5v3gslYORsd8R1i1rrIUoLKLXlvVhgKH7ApToyhk21TJhbLDvdN151vEetJtKdOtYo4SmnOvhGpjpe+xuj3X723ghdygAAAABJRU5ErkJggg==') EOT;
  custom "Custom" <<<EOT
  var(--bg-custom) EOT;
  none "None" <<<EOT
  none EOT;
}
@advanced text bg-custom "Background image [wrap in url()]" "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAD1BMVEUREREREREAAAAREREWFhkN5cwCAAAABHRSTlNfGAAwFBG7CgAAACxJREFUeAFjYGJiZGBhhhMMYIIRTjCgcIE8VC4TKpeRmYEZiTtIzGNihhNMAJJAATdKr5xFAAAAAElFTkSuQmCC')"
@advanced dropdown bg-options "Background image type" {
  Tiled "Tiled" <<<EOT
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: left top !important; EOT;
  Fit window size "Fit window size" <<<EOT
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important; EOT;
}
@advanced dropdown bg-attachment "Background image attachment" {
  Scroll "Scroll" <<<EOT
  scroll EOT;
  Fixed "Fixed" <<<EOT
  fixed EOT;
}
@advanced text img-opacity "Reduced image opacity (0-1)" .5
@preprocessor uso
==/UserStyle== */
@-moz-document regexp("^https?://((chat|meta|es|ja|pt|ru)\\.)*stackoverflow\\.com.*"),
domain("serverfault.com"),
domain("superuser.com"),
domain("stackapps.com"),
domain("mathoverflow.net"),
domain("askubuntu.com"),
regexp("^https?:\/\/((?!area51)\w+\.)*?stackexchange\.com.*"),
regexp("^https?:\/\/stackoverflow.[^\.]*\.com.*") {
  :root {
    --bg-custom: /*[[bg-custom]]*/;
    --bg-img: /*[[bg-choice]]*/;
  }
  body:not(.theme-dark), body.theme-dark .theme-light__forced,
  body.theme-system .theme-light__forced, body:not(.theme-dark) .themed,
  body.theme-dark .theme-light__forced .themed,
  body.theme-system .theme-light__forced .themed {
    --theme-link-color-visited: /*[[visited-color]]*/ !important;
    --theme-footer-link-color: #aaa;
    --black-075: #202020;
    --black-200: #202020;
    --black-400: #666;
    --black-500: #888;
    --black-700: #777;
    --black-800: #888;
    --black-050: #252525;
    --orange-100: #874600;
    --blue-100: #004487;
    --blue-050: #182030;
    --white: #222;
    --fc-dark: #eee;
    /* include built in default syntax-theme */
    --highlight-bg: var(--black-200) !important;
    --highlight-color: var(--fc-dark);
    --highlight-comment: #656e77;
    --highlight-punctuation: var(--black-600);
    --highlight-namespace: #d97c2b;
    --highlight-attribute: #127fcc;
    --highlight-literal: #d97c2b;
    --highlight-symbol: #803378;
    --highlight-keyword: #127fcc;
    --highlight-variable: #6fa012;
    --highlight-addition: #2f6f44;
    --highlight-deletion: #c02d2e;
  }
  /**
   * ** Will apply to almost all Stack Exchange Sites **
   * Except:
   * - Area 51 (area51.stackexchange.com)
   * ** Please open an issue to report sites where the style breaks **
   * https://github.com/StylishThemes/StackOverflow-Dark/issues
   * Note: fix borders by removing single glob color; some have been fixed.
	 *       if you notice any broken broders please open a new issue with page link.
   */
  * {
    /* dont assign any colors here */
    text-shadow: none !important;
    box-shadow: none !important;
  }
  body, .cv-story header, .container.bg-black-050,
  body.floating-content > .container {
    background-color: var(--black-200) !important;
    background-image: var(--bg-img) !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-attachment: /*[[bg-attachment]]*/ !important;
    /*[[bg-options]]*/
  }
  .subheader a {
    border-color: inherit !important;
  }
  body {
    color: #ccc;
  }
  strong, b {
    color: /*[[strong-color]]*/ !important;
  }
  /* custom code font */
  pre.prettyprint, code {
    font-family: "/*[[font-choice]]*/",
      Monaco,
      Consolas,
      "Liberation Mono",
      Menlo,
      Courier,
      monospace !important;
  }
  .snippet-code {
    padding: 5px !important;
  }
  /* fix offset between default style and dark */
  .post-text pre.prettyprint {
    margin-left: 0 !important;
  }
  /* === custom color === */
  a, a:hover, a:active, .profile-popup a, .seWrapper a, .gs-title b,
  .spoiler:hover a, .comment-up-on, .comment-up-off:hover,
  #side-menu ul .category, .s-timeline .-timestamp, .mod-flair, .s-btn,
  .s-stat .-value, .s-link, .mini-counts.supernova, .supernova,
  .topbar-dialog a:not(.btn-secondary):not(.nav-links--link),
  .topbar-dialog a:not(.btn-secondary):not(.nav-links--link):hover,
  .s-sidebarwidget--action, .site-footer .-link._active, ul.navMain li a,
  ul.navMain li a:hover, .top-bar .-secondary .-ctas .btn-topbar-clear,
  .top-bar .-secondary .-ctas .btn-topbar-clear,
  .top-bar .-secondary .-ctas .btn-topbar-clear:hover,
  .top-bar .-secondary .-ctas .btn-topbar-clear:focus,
  .topbar-dialog a:not(.btn-secondary):not(.nav-links--link):visited,
  .topbar-dialog a:not(.btn-secondary):not(.nav-links--link):visited:hover,
  .user-details h1 a, .default-profile-site a, .answer-hyperlink,
  .answer-hyperlink:hover, .topbar-dialog .unread-item .unread-bold,
  .started .mod-flair, .started a:not(.started-link),
  .search-form.responsive .added-filters .-clear-filters a,
  .search-form.responsive .added-filters .-more a, .s-btn:hover, .s-btn:focus,
  .s-btn:active, .top-bar .-secondary .-link._highlighted-positive,
  .top-bar .-secondary .-link._highlighted-positive:hover,
  .top-bar .-secondary .-link._highlighted-positive.topbar-icon-on,
  .timeline .readings .readings-item .description .description-expander ~ .description-expander-label,
  a, ul.linkbar li, .site-list li .stats li {
    color: /*[[base-color]]*/;
  }
  .subheader h1 a, input[type="submit"].btn-clear,
  input[type="button"].btn-clear, button.btn-clear, .btn-clear,
  html:not(#X) .p-fc-purple, html:not(#X) .p-ff-roboto-slab.p-fc-purple div,
  .user-page .subheader.reloaded .additional-links a[href], .fc-blue-600,
  .h\:fc-orange-500:hover, #company-page .s-btn__outlined:hover,
  #company-page .s-btn__outlined:active, h2 a.league-site-name,
  .summary h3 .question-hyperlink, a.realtime-question-url.realtime-title,
  a.question-link, a.question-hyperlink, a.s-link,
  .s-anchors.s-anchors__default a:not(.s-link),
  .s-anchors .s-anchors.s-anchors__default a:not(.s-link), a code,
  .company-list h2 a[href],
  #featured-company-page-ad footer a.s-btn__outlined:hover,
  #featured-company-page-adfooter a.s-btn__outlined:active,
  .topbar-dialog .modal-content .message-text h4, .fc-orange-400,
  .h\:fc-orange-400:hover, .f\:fc-orange-400:focus,
  .svg-icon.iconArrowDownLg:hover, .svg-icon.iconArrowUpLg:hover,
  span[style*="color: #5C7796;"], h2.bottom-share-links a[href] {
    color: /*[[base-color]]*/ !important;
  }
  .search-controls-responsive .-item .s-btn__outlined, .s-btn__outlined {
    border-color: /*[[base-color]]*/ !important;
    color: /*[[base-color]]*/ !important;
  }
  .search-form.responsive .filter-pane nav ul._tabs li.tab [data-tab] a .filter-indicator {
    color: #eee !important;
    background-color: /*[[base-color]]*/ !important;
    border-color: #eee;
  }
  .stats-mainbar .task-stat-table,
  .topbar-dialog.siteSwitcher-dialog .current-site li:hover,
  .topbar-dialog .modal-content li:hover {
    background-color: #282828;
  }
  .stats-mainbar .task-stat-table td {
    background-color: #282828;
    border: 5px solid #181818;
  }
  .s-sidebarwidget--item[aria-current="true"]::before,
  .s-sidebarwidget--item > :first-child[aria-current="true"]::before,
  .s-sidebarwidget--item[aria-current="page"]::before,
  .s-sidebarwidget--item > :first-child[aria-current="page"]::before,
  .topbar-dialog.siteSwitcher-dialog .current-site-container, .s-btn__primary,
  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor.hover,
  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor.focus {
    border-color: /*[[base-color]]*/ !important;
  }
  .top-bar {
    border-top-color: /*[[base-color]]*/;
  }
  html .message.message-info .message-tip-left-top::before {
    border-top-color: /*[[base-color]]*/ !important;
  }
  .message.message-info .message-tip::before {
    border-color: transparent !important;
  }
  .nav .primarynav li a:hover, .message.message-config .actions .button,
  .btn-careers:hover, .btn-careers:visited, .question-list-layout a:hover {
    color: #eee !important;
    background: /*[[base-color]]*/ !important;
  }
  .s-timeline .-event::before {
    background: #ccc;
    border: 4px solid #666;
  }
  .search-form .search-inputs .-item .iconSearch,
  .search-form .search-inputs .-item .iconLocation {
    opacity: .8;
    color: #ddd;
  }
  #sub-navs a:hover .messages-icon {
    opacity: 1;
  }
  #sub-navs .menu-item:hover .settings-icon {
    filter: brightness(135%);
  }
  /* these must be here else they dont work */
  input[class="w100"][type="submit"] {
    background: #622 !important;
    border: 1px solid #ff4a15 !important;
  }
  input[class="w100"][type="submit"]:hover {
    background: #622 !important;
    border: 1px solid #ff4a15 !important;
    filter: brightness(90%) !important;
  }
  .icon-i, .icon-i-blue, .icon-i-orange {
    filter: brightness(70%) contrast(170%) !important;
  }
  .why-jobs-v2 .developers-first input[type="submit"] {
    background: #222 !important;
    color: /*[[base-color]]*/ !important;
  }
  .min-ds-step-counter .step.active, .s-badge__bounty {
    background: /*[[base-color]]*/;
  }
  .bg-blue-700, .h\:bg-blue-700:hover, .f\:bg-blue-700:focus {
    background: /*[[base-color]]*/ !important;
  }
  input[type="submit"].btn-clear:hover, input[type="button"].btn-clear:hover,
  button.btn-clear:hover, .btn-clear:hover, input[type="submit"].btn-clear:focus,
  input[type="button"].btn-clear:focus, button.btn-clear:focus, .btn-clear:focus,
  .s-btn__outlined:not(.youarehere):hover,
  .s-btn__outlined:not(.youarehere):active {
    color: /*[[base-color]]*/ !important;
    background-color: rgba(/*[[base-color-rgb]]*/, .2) !important;
  }
  input[type="submit"]:not(.s-btn), input[type="button"]:not(.s-btn),
  button:not(.s-btn), .button, a.button, a.button:visited, .btn,
  .hero-box.double-panel .panel.white .btn {
    color: #eee;
    background-color: /*[[base-color]]*/;
    border-color: rgba(/*[[base-color-rgb]]*/, .5);
    box-shadow: none;
  }
  .about-newuser .huge-button {
    background: none !important;
    background-color: /*[[base-color]]*/ !important;
    border-color: rgba(/*[[base-color-rgb]]*/, .5) !important;
  }
  .old-hero {
    color: #eee;
    background-color: rgba(/*[[base-color-rgb]]*/, .4);
    background-image: linear-gradient(to right, transparent 0%, transparent 100%);
  }
  a.owner {
    background-color: rgba(79, 140, 201, .3);
    background-color: rgba(/*[[base-color-rgb]]*/, .3);
  }
  input[type="submit"]:not(.s-btn):hover, input[type="button"]:not(.s-btn):hover,
  button:not(.s-btn):hover, .button:hover, a.button:hover,
  a.button:visited:hover, .btn:hover, input[type="submit"]:not(.s-btn):focus,
  input[data-push="true"][type="button"]:not(.s-btn):focus,
  button:not(.s-btn):focus, .button:focus, a.button:focus,
  a.button:visited:focus, .btn:focus, input[type="submit"]:not(.s-btn):hover,
  input[type="button"]:not(.s-btn):hover, button:not(.s-btn):hover,
  .button:hover, .btn:hover, input[type="submit"]:not(.s-btn):focus,
  input[type="button"]:not(.s-btn):focus, button:not(.s-btn):focus,
  .button:focus, .btn:focus, #site-picker input[type="submit"]:hover {
    background-color: /*[[base-color]]*/;
    border-color: rgba(/*[[base-color-rgb]]*/, .5);
    filter: brightness(120%) !important;
  }
  .ac_over,
  .search-form.responsive .filter-pane .-nav ul._tabs li.tab [data-tab] a .filter-indicator {
    color: #fff;
    background-color: /*[[base-color]]*/;
  }
  .ac_results {
    border: 1px solid #444;
    background-color: #181818;
  }
  a.post-tag:hover, .post-tag:hover, .bounty-indicator, .bounty-indicator-tab,
  .bounty-award, span.bounty-indicator-tab, #change-picture, .supernovabg,
  .hotbg, .nav li.youarehere a, .nav a:hover, a.button, .edit-count,
  .pager a:hover span:not(.page-numbers), .bounties-tab,
  #sidebar a[href*="/questions/ask"], #sidebar a[href*="/questions/ask"]:visited,
  .s-btn.s-btn__primary, .s-btn.s-btn__primary:focus,
  .top-bar .-secondary .-ctas .btn-topbar-primary,
  .top-bar .-secondary .-ctas .btn-topbar-primary:focus,
  .user-card-name .top-badge, .user-card-name .top-badge a,
  #site-picker input[type="submit"] {
    background: /*[[base-color]]*/ !important;
    background-color: /*[[base-color]]*/ !important;
    color: #eee !important;
  }
  a.post-tag.user-tag:hover, .s-tag.bg-blue-700:hover {
    background-color: rgba(79, 140, 201, .8) !important;
    background-color: rgba(/*[[base-color-rgb]]*/, .8) !important;
  }
  .privileges-page .privilege-table-row:hover, .top-bar .my-profile:hover,
  .top-bar .-secondary .-item .-link:hover {
    background-color: #242424;
  }
  .privileges-page .privilege-table-row:hover .long-description,
  .faq-page #mainbar .content-page p a:hover, a.-link:hover, h3 strong a:hover,
  ._icon p a:hover, .s-link:hover, .s-btn__link:hover {
    color: /*[[base-color]]*/;
    filter: brightness(115%);
  }
  .old-hero a.-link, .fc-black-900, .fc-black, .h\:fc-black:hover,
  .f\:fc-black:focus {
    color: #eee !important;
  }
  .old-hero._orange {
    color: #eee;
    background-color: /*[[base-color]]*/;
    background-image: none;
  }
  /* hack around to prevent pagination hover issues on stackexchange */
  a[href]:hover {
    color: rgba(79, 140, 201, .8);
    color: rgba(/*[[base-color-rgb]]*/, .8);
  }
  .s-pagination--item.is-selected {
    background-color: rgba(79, 140, 201, .8);
    background-color: rgba(/*[[base-color-rgb]]*/, .8);
  }
  .s-pagination--item {
    border-color: #555;
    color: #ccc;
  }
  .s-pagination--item:hover {
    background-color: rgba(79, 140, 201, .8) !important;
    background-color: rgba(/*[[base-color-rgb]]*/, .8) !important;
    border-color: #555;
    color: #eee !important;
  }
  /* end hack */
  html:not(#X) #tabs a:not(.youarehere), html:not(#X) .tabs a:not([href]) {
    color: #aaa !important;
    border: 1px solid transparent !important;
  }
  #tabs a, .tabs a {
    background: #222;
  }
  html:not(#X) #tabs a.youarehere, html:not(#X) .tabs a:not([href]).youarehere,
  html:not(#X) #tabs:hover a.youarehere,
  html:not(#X) .tabs:hover a.youarehere:not([id*="category-"]) {
    border-bottom: 1px solid transparent !important;
  }
  a.button:hover, #questions .post-menu .button.btn:hover, .star-off {
    filter: brightness(90%) !important;
  }
  .s-btn__outlined:not(.grid--cell):not(.ws-nowrap):not(.s-btn__muted):hover {
    filter: brightness(90%) !important;
    color: #ccc !important;
  }
  .user-tabs-nav #tabs a.youarehere::before,
  .user-tabs-nav .tabs a.youarehere::before,
  .newnav .tabs-list-container .tabs-list .intellitab a.youarehere::before,
  #tabs a.youarehere::before, .tabs a.youarehere::before,
  html:not(#X) .p-bg-purple:not(.teams-slope),
  input[type=submit][value="search"], html:not(#X) .h\:bg-orange-500:hover,
  html:not(#X) .wz-progress.wz-progress--active {
    background-color: /*[[base-color]]*/ !important;
  }
  .site-footer .-link._expandable::before,
  .site-footer .-link._expandable::after {
    background-color: rgba(79, 140, 201, .6) !important;
    background-color: rgba(/*[[base-color-rgb]]*/, .6) !important;
  }
  .jobsfooter .footerContent > a, .companiesfooter .footerContent > a {
    color: #777 !important;
    border: 1px solid #555;
  }
  .jobsfooter .footerContent > a:hover,
  .companiesfooter .footerContent > a:hover {
    background-color: rgba(79, 140, 201, .6) !important;
    background-color: rgba(/*[[base-color-rgb]]*/, .6) !important;
    color: #ccc !important;
  }
  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor .post-tag .delete-tag,
  .s-btn.s-btn__primary:hover, .top-bar .-secondary .-ctas .btn-topbar-clear,
  .top-bar .-secondary .-ctas .btn-topbar-clear:focus, .s-btn__primary:focus,
  .s-btn:focus,
  .mb16:not(.profile-placeholder--image):not(.bg-yellow-200):not(.bc-black-3),
  .icon-site, .icon-location, .icon-github, .icon-twitter, .icon-time,
  .icon-calendar, .icon-eye, .icon-se, .icon-q, .icon-a, .icon-q-small,
  .icon-a-small, .icon-ppl-helped, .icon-helpful-edit, .icon-vote-cast,
  .icon-lock, .icon-so-gray, .icon-external-link, .icon-helpful-flags,
  .icon-history, .icon-settings, .icon-settings-off, .icon-arrow-bottom,
  .icon-user-dark, .delete-tag:hover::after {
    filter: brightness(120%) !important;
  }
  .delete-tag, .delete-tag:hover {
    background-image: none !important;
  }
  .delete-tag::after {
    content: "✖";
    color: #999;
  }
  .delete-tag:hover::after {
    color: #eee;
  }
  .s-btn:not(.s-btn__google) {
    background-color: transparent;
  }
  .s-btn:focus {
    border-color: rgba(/*[[base-color-rgb]]*/, .6);
    box-shadow: none;
  }
  .s-btn:not([data-action="se-uql-list#editCurrent"]):not([id*="btnFollowPost-"]):not([class*="post"]):hover,
  .s-btn:not([data-action="se-uql-list#editCurrent"]):not([id*="btnFollowPost-"]):not([class*="post"]):focus,
  .s-btn:not([data-action="se-uql-list#editCurrent"]):not([id*="btnFollowPost-"]):not([class*="post"]):active {
    background-color: #282828;
  }
  .s-btn.s-btn__google {
    background-color: #222;
  }
  .s-btn.s-btn__google:hover, .s-btn__google:focus {
    background-color: #282828 !important;
  }
  .s-btn:not(.print-btn):not(.s-btn__google):not(.s-btn__launchpad):not(.fc-dark):not(.s-btn__primary):not(.s-btn__muted):not(.s-btn__unset):not(.s-btn__link):not(.h\:p-bg-yellow-tint):hover,
  .s-btn:not(.print-btn):not(.s-btn__google):not(.s-btn__launchpad):not(.fc-dark):not(.s-btn__primary):not(.s-btn__muted):not(.s-btn__unset):not(.s-btn__link):not(.h\:p-bg-yellow-tint):focus,
  .s-btn:not(.print-btn):not(.s-btn__google):not(.s-btn__launchpad):not(.fc-dark):not(.s-btn__primary):not(.s-btn__muted):not(.s-btn__unset):not(.s-btn__link):not(.h\:p-bg-yellow-tint):active {
    background-color: rgba(79, 140, 201, .2) !important;
    background-color: rgba(/*[[base-color-rgb]]*/, .2) !important;
  }
  .s-btn.s-btn__primary:hover, .s-btn.s-btn__primary:focus,
  .s-btn.s-btn__primary:active {
    background-color: rgba(79, 140, 201, .8) !important;
    background-color: rgba(/*[[base-color-rgb]]*/, .8) !important;
  }
  button[id="submit-button"].s-btn:hover {
    background-color: rgba(79, 140, 201, .9) !important;
    background-color: rgba(/*[[base-color-rgb]]*/, .9) !important;
  }
  .s-btn[disabled] {
    color: #777;
    background-color: #333;
    opacity: .5 !important;
  }
  .top-bar .-secondary .-ctas .btn-topbar-clear {
    border-color: transparent !important;
  }
  /* === text selection === */
  ::selection {
    background: /*[[base-color]]*/ !important;
    color: #eee !important;
  }
  ::-moz-selection {
    background: /*[[base-color]]*/ !important;
    color: #eee !important;
  }
  .CodeMirror-selected {
    background: rgba(/*[[base-color-rgb]]*/, .4) !important;
    color: #eee !important;
  }
  /* === input focus hightlight === */
  input:focus, textarea:focus,
  .chosen-container.chosen-container-active .chosen-choices,
  .chosen-container .active-result.highlighted {
    border-color: /*[[base-color]]*/ !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 2px /*[[base-color]]*/ !important;
    outline-color: transparent !important;
  }
  html:not(#X) .wz-wrapper.wz-wrapper--focused {
    border: 1px solid /*[[base-color]]*/ !important;
    box-shadow: inset 0 0 4px /*[[base-color]]*/, 0 0 0 4px rgba(/*[[base-color-rgb]]*/, .15) !important;
  }
  .tag-editor input:focus, .previous-button, .next-button, .btn-clear,
  .chosen-container.chosen-container-active .chosen-choices input,
  .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult,
  .profile-top-tags .badge-tag {
    border: 0 !important;
    box-shadow: none !important;
  }
  .profile-avatar {
    box-shadow: inset 0 10em 0 #202020 !important;
  }
  .menu-switcher {
            filter: none !important;
    -webkit-filter: none !important;
  }
  /* === hidden === */
  div.hireme, div#hireme, .next-answer-hook-container, .intellitab::after,
  .s-hero .-container {
    display: none !important;
  }
  /* === background color === */
  /* from darkest to lightest grey */
  .popup-badges .all-badge-progress .completed::before, .previous-button,
  .next-button, #footer, #herobox.alternate, .message-title {
    background-color: rgba(0, 0, 0, .4) !important;
  }
  header:not(.job-details--header) {
    background-color: #080808 !important;
  }
  .user-page header:not(.job-details--header):not(.top-bar) {
    background-color: transparent !important;
  }
  .timeline-item header {
    background-color: #151515 !important;
    color: #ccc !important;
  }
  .bg-black-100, .bg-black-200, .uql-nav .uql-item.uql-item__separator {
    background-color: #555 !important;
  }
  input[type="submit"].btn-outlined.gray, input[type="button"].btn-outlined.gray,
  button.btn-outlined.gray, .btn-outlined.gray,
  input[type="submit"].btn-outlined.-gray,
  input[type="button"].btn-outlined.-gray, button.btn-outlined.-gray,
  .btn-outlined.-gray {
    color: #aaa !important;
    background-color: #222 !important;
    border-color: #444 !important;
  }
  input[type="submit"].btn-outlined.gray:hover,
  input[type="button"].btn-outlined.gray:hover, button.btn-outlined.gray:hover,
  .btn-outlined.gray:hover, input[type="submit"].btn-outlined.-gray:hover,
  input[type="button"].btn-outlined.-gray:hover, button.btn-outlined.-gray:hover,
  .btn-outlined.-gray:hover, input[type="submit"].btn-outlined.gray:focus,
  input[type="button"].btn-outlined.gray:focus, button.btn-outlined.gray:focus,
  .btn-outlined.gray:focus, input[type="submit"].btn-outlined.-gray:focus,
  input[type="button"].btn-outlined.-gray:focus, button.btn-outlined.-gray:focus,
  .btn-outlined.-gray:focus, input[type="submit"].btn-outlined.gray:active,
  input[type="button"].btn-outlined.gray:active, button.btn-outlined.gray:active,
  .btn-outlined.gray:active, input[type="submit"].btn-outlined.-gray:active,
  input[type="button"].btn-outlined.-gray:active,
  button.btn-outlined.-gray:active, .btn-outlined.-gray:active,
  input[type="submit"].btn-outlined.gray.youarehere,
  input[type="button"].btn-outlined.gray.youarehere,
  button.btn-outlined.gray.youarehere, .btn-outlined.gray.youarehere,
  input[type="submit"].btn-outlined.-gray.youarehere,
  input[type="button"].btn-outlined.-gray.youarehere,
  button.btn-outlined.-gray.youarehere, .btn-outlined.-gray.youarehere,
  .chosen-container .chosen-results .active-result.highlighted,
  .avatar-change:hover, .nav li, .seNav, .topbar a.topbar-icon-on,
  .topbar a.topbar-icon-on:hover, .nav a, .module li.current, .seCurrent,
  .community-bulletin, .owner-revision td, .markdown-diff .skip,
  #footer .container, .body-diffs .skip, .newsletter-anon,
  .tag-suggestions>div:hover, .timestamp:hover+div.message .meta,
  div.message:hover .meta, #side-menu ul li a:hover, .conversation-info,
  .message.reply-parent, .message.reply-child,
  .sidebar-element .list li .rep-and-badges, .congrats .actions,
  .tag-suggestions>div:focus, .current-site a.site-link:hover, #sub-navs>a:hover,
  #sub-navs .menu-item:hover, .popup-close .-link:hover,
  .p-highlights .-reputation .-meta-rep, .nav-left-col a.is-active,
  .comment__highlight:not([style*="background-color"]),
  ul.comments-list .comment__highlight .comment-text,
  ul.comments-list .comment__highlight .comment-actions,
  .l-main-col .btn-secondary:hover, .modal.image-upload .modal-dropzone-default {
    background-color: #333 !important;
  }
  input[type="submit"]:not(.s-btn)[disabled],
  input[type="button"]:not(.s-btn)[disabled], button:not(.s-btn)[disabled],
  .button[disabled], a.button[disabled], a.button:visited[disabled],
  .btn[disabled], input[type="submit"]:not(.s-btn)._disabled,
  input[type="button"]:not(.s-btn)._disabled, button:not(.s-btn)._disabled,
  .button._disabled, a.button._disabled, a.button:visited._disabled,
  .btn._disabled {
    color: #aaa !important;
    background-color: #555 !important;
    border-color: #555 !important;
  }
  .f-radio-toggle._muted .f-label {
    border-color: #444;
    background-color: #111;
    color: #aaa !important;
  }
  .f-radio-toggle._muted .f-label:hover, .f-radio-toggle._muted .f-label:focus,
  .f-radio-toggle._muted .f-label:active {
    color: #ddd !important;
    background-color: #333;
    border-color: #555;
  }
  .f-radio-toggle._muted input[type="radio"]._off:checked + .f-label {
    color: #aaa !important;
    background-color: #555;
    border-color: #555;
  }
  .f-radio-toggle._muted input[type="radio"]:checked + .f-label {
    color: #eee !important;
    background-color: #254632;
    border-color: #316044;
  }
  #custom-header, .review-bar, .diff-choices a.selected, #header #topbar,
  td.owner, .profile-popup, .profile-popup div, .profile-popup th,
  .profile-popup td, #global, .actual-edit-overlay,
  input:not([type="submit"]):not([type="button"]), textarea, #search input,
  .f-select > select, textarea#input,
  .search-form .chosen-container .chosen-choices, .pac-container, select,
  #match-preferences-editor .close:hover, .gsc-input-box, .gsc-option-menu,
  .min-ds-wizard .min-ds-box.jobs {
    background-color: #111 !important;
    color: #ddd !important;
  }
  .tag-editor, .match-preferences .seniority-selector,
  .match-preferences .salary-selector .double-field .field-with-bg {
    background-color: #111;
  }
  .tag-editor-wrapper .tag-editor {
    background-color: #111;
    color: #ccc;
  }
  .search-form:not(.viv-stacksified).responsive .filter-pane .-nav ul._tabs li.tab [data-tab] a .filter-indicator,
  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor {
    background-color: #111;
    color: #ccc;
    border-color: #444;
  }
  .s-input:focus, .s-input.has-focus, .s-textarea:focus,
  .s-select > select:focus,
  input#tageditor-replacing-tagnames--input.s-input:focus {
    border-color: /*[[base-color]]*/ !important;
    box-shadow: 0 0 0 1px /*[[base-color]]*/ !important;
  }
  textarea:not(.s-input):focus, input[type="text"]:not(.s-input):focus,
  input[type="password"]:not(.s-input):focus,
  input[type="number"]:not(.s-input):focus,
  input[type="email"]:not(.s-input):focus, input[type="url"]:not(.s-input):focus,
  input[type="search"]:not(.s-input):focus,
  input[type="tel"]:not(.s-input):focus,
  input[type="datetime"]:not(.s-input):focus, .input:not(.s-input):focus,
  .input._uneditable:not(.s-input):focus, textarea:not(.s-input)._focus,
  input[type="text"]:not(.s-input)._focus,
  input[type="password"]:not(.s-input)._focus,
  input[type="number"]:not(.s-input)._focus,
  input[type="email"]:not(.s-input)._focus,
  input[type="url"]:not(.s-input)._focus,
  input[type="search"]:not(.s-input)._focus,
  input[type="tel"]:not(.s-input)._focus,
  input[type="datetime"]:not(.s-input)._focus, .input:not(.s-input)._focus,
  .input._uneditable:not(.s-input)._focus {
    background-color: #111;
    border-color: /*[[base-color]]*/;
    box-shadow: inset 0 2px 2px #111, 0 0 5px rgba(/*[[base-color-rgb]]*/, .8);
  }
  input[type="text"]:not(.s-input), input[type="password"]:not(.s-input),
  input[type="number"]:not(.s-input), input[type="email"]:not(.s-input),
  input[type="url"]:not(.s-input), input[type="search"]:not(.s-input),
  input[type="tel"]:not(.s-input), input[type="datetime"]:not(.s-input),
  input[type="datetime-local"]:not(.s-input), input[type="date"]:not(.s-input),
  textarea:not(.s-input), .table._whiteBg {
    background-color: #111 !important;
  }
  img[src*="robot-raising-hand"] {
    filter: invert(1) hue-rotate(180deg);
    mix-blend-mode: exclusion;
  }
  img[src*="list-"] {
    filter: grayscale(1);
  }
  img[src*="illo-feats-vote.svg"], img[src*="illo-feats-tags.svg"],
  img[src*="illo-feats-answer.svg"], img[src*="illo-feats-accept.svg"],
  img[src*="illo-feats-ask.svg"], img[src*="ask-a-question.svg"],
  img[src*="votes.svg"], img[src*="answer.svg"], img[src*="tags.svg"],
  img[src*="accept.svg"], img[src*="get-recognized.svg"],
  img[src*="developer.svg"], img[src*="open-source.svg"],
  img[src*="advocate.svg"], img[src*="career-switcher.svg"] {
    filter: invert(1) hue-rotate(180deg);
    mix-blend-mode: exclusion;
  }
  .profile-placeholder--image, .timeline .readings .readings-placeholder .img,
  .timeline-item .joined-so-wrapper .img, .md\:w100[src*="conduct-illo.svg"],
  .wmx100[src*="404.svg"], img[src*="ico-binoculars.svg"],
  .timeline-feed-empty .img {
    filter: invert(1) hue-rotate(180deg) brightness(400%);
    mix-blend-mode: exclusion;
  }
  img[src*="iq-logo.svg"], img[src*="illustration-new-question.svg"] {
    filter: invert(1) hue-rotate(180deg) saturate(200%);
    mix-blend-mode: exclusion;
  }
  .why-jobs-v2 .cta-cards .-card._browse-tech .-image,
  .why-jobs-v2 .cta-cards .-card._browse-salary .-image,
  .why-jobs-v2 .cta-cards .-card._browse-newest .-image,
  .why-jobs-v2 .cta-cards .-card._browse-near .-image,
  .why-jobs-v2 .cta-cards .-card._browse-remote .-image,
  .why-jobs-v2 .cta-cards .-card._browse-visa .-image {
    filter: invert(1) hue-rotate(180deg) brightness(140%);
  }
  .s-sidebarwidget--item .favicon,
  .timeline-public .timeline-public-header .logo {
    filter: invert(1) hue-rotate(180deg);
  }
  .expander-arrow-small-hide, .expander-arrow-small-show,
  .why-jobs-v2 .developers-first::before,
  .why-jobs-v2 .work-from-anywhere::before {
    filter: brightness(60%);
  }
  .search-form.responsive .filter-pane .chosen-container .chosen-choices li.search-field input[type="text"],
  .bg-black-050, .h\:bg-black-050:hover, .f\:bg-black-050:focus {
    color: #ccc !important;
  }
  .search-form:not(.viv-stacksified).responsive .filter-pane,
  .search-form:not(.viv-stacksified).responsive .filter-pane .-nav ul._tabs li.tab [data-tab] a span {
    color: #ccc;
  }
  .search-form:not(.viv-stacksified).responsive .filter-pane .-nav ul._tabs li.tab [data-tab] a .icon {
    filter: grayscale(1) invert(1) brightness(200%);
  }
  .search-form:not(.viv-stacksified).responsive .filter-pane .-nav ul._tabs li.tab {
    background-color: #222;
    border: 1px solid #444;
  }
  .snippet-code .popout::before, .snippet-code .popout-code::before,
  .snippet-code .hideResults::before, .icon-print {
    filter: grayscale(1) brightness(180%) !important;
  }
  .user-page .subheader.reloaded .additional-links a:hover, code.bg-black-050 {
    background: #333 !important;
  }
  .snippet-code .popin, .user-show-new .history-table .reviewed-action {
    background: #333 !important;
  }
  .user-page .subheader.reloaded .additional-links a:hover, .bg-black-050,
  .h\:bg-black-050:hover, .f\:bg-black-050:focus {
    background: #292929 !important;
  }
  .top-bar .-marketing-link.is-selected:hover,
  .top-bar .-marketing-link.is-selected:focus {
    background-color: #da670b !important;
    color: #eee !important;
  }
  .actual-edit-overlay {
    -webkit-box-shadow: 0 0 0 1000px #111 inset;
    -webkit-text-fill-color: #fff !important;
  }
  .gsc-selected-option-container {
    background-color: #111 !important;
  }
  .wz-section-container.focused {
    background: #111;
  }
  .s-table thead th {
    background: #181818;
  }
  #synonyms-table.s-table.s-table__sortable thead th a[href] {
    color: inherit;
  }
  .profile-ad, .message.message-config, .so-header a:hover,
  .so-header a.topbar-icon-on, .timeline-item, .sidebar-profile .-item,
  .btn-outlined.-white:hover, .top-bar a:not([href]):hover,
  .top-bar a:not([href]):focus, .top-bar .-item._active,
  .top-bar .-feature-notice:hover, .top-bar .-feature-notice.topbar-icon-on,
  .topbar-dialog .dialog-content, .feature-notice-dialog::before, .-item.social,
  .salary-results-container .collection, .sidebar #post-job,
  .sidebar .salary-survey-sidebar, .ui-dialog, .sticky-menu-wrapper._sticky,
  .-summary, .field._toolbar .-toolbar, .timeline .feature-banner__background,
  .timeline .readings .readings-list .readings-item {
    background: #151515 !important;
  }
  .js-announcement-banner.bg-black-700 {
    background-color: #444777 !important;
  }
  .timeline .readings .readings-list .readings-item .readings-image {
    background: #444;
  }
  .topbar-dialog .header {
    background-color: #333;
  }
  .topbar-dialog {
    background-color: #111;
    border-color: #333;
    color: #ccc;
  }
  .timeline .readings .readings-list .readings-item,
  .badges-page .single-badge-table .single-badge-row-reason, .s-press .-item,
  .timeline-public .timeline-public-header, .s-btn__google, .s-btn__google:hover,
  .bookmark-container, .salary-changelog, .salary-cta:hover,
  .timeline-item .mini-counts, .cv-story .mini-counts {
    border-color: #444;
  }
  .top-bar .left-sidebar-toggle:hover,
  .top-bar .left-sidebar-toggle.topbar-icon-on, svg[style="background:#fff;"] {
    background-color: #191919 !important;
  }
  #post-job, .top-bar a.-logo.topbar-icon-on, .company-module footer,
  .company-module > header > h2, .company-module .-details strong span {
    background: #202020;
  }
  .salary-calculator-calculator, .salary-results {
    background: #181818;
    border-color: #444;
  }
  #privilege-category-descriptions .privilege-icon,
  .privilege-table-row .privilege-icon, .favicon-stackexchangemeta {
    filter: grayscale(100%) !Important;
  }
  .answer {
    background: rgba(35, 35, 35, .69);
    border-left: 1px solid #555;
    border-right: 1px solid #555;
  }
  .bg-black-025, .h\:bg-black-025:hover, .f\:bg-black-025:focus,
  .top-bar a.-logo:hover, .current-site a.site-link:hover {
    background: #282828 !important;
  }
  .top-bar .-secondary .-item._active,
  .top-bar .-secondary .-item .-link.topbar-icon-on,
  .top-bar .-secondary .-item .-link.topbar-icon-on:hover {
    background-color: #333;
    color: #ddd;
  }
  .autocomplete-suggestions.is-visible {
    border: 1px solid #555 !important;
    background: #222 !important;
  }
  .autocomplete-suggestion.selected {
    background: #333 !important;
    color: #eee !important;
  }
  .s-label--status {
    background: #444 !important;
    color: #aaa !important;
  }
  .cv-logo-blank {
    background: #191919;
    color: #eee;
  }
  /* === Text Color === */
  .comment-up-off, .comment-flag, .comment-flag-off,
  .profile-cards--graph .grid--cell, .g-col .f-label {
    color: #444 !important;
  }
  label[for="sorting-options"], .company-list div.fc-black-500 {
    color: #666 !important;
  }
  .timeline .feature-banner--headline, .timeline-item .timeline-item-text,
  #side-menu ul ul li > a:focus, #side-menu ul ul li > a:active, .currency-note,
  .salary-input-item .salary-note, .currency-label,
  .s-press .-item .-details .-complementary,
  #sidebar .s-contact-box .-details ._muted, .text-muted {
    color: #888;
  }
  .s-btn.s-btn__muted:hover, .user-show-new .user-rep-full .rep-desc,
  .user-show-new .user-rep-full .rep-info,
  .user-show-new .user-rep-full .rep-day, .page-numbers, .vote span,
  .timeline .header-edit-section .empty-description .placeholder-title,
  .s-btn.stackexchange-login, .s-btn.google-login,
  .min-ds-wizard .min-ds-box.jobs .min-ds-title p,
  .min-ds-wizard .min-ds-box.jobs .min-ds-content label .optional-unless-resume,
  .min-ds-wizard .min-ds-box.jobs .min-ds-content .optional-text,
  .resume-uploader p.upload-allowed-extensions,
  .timeline-item.add .add-item-list .item-add, .title-box > p, .title-box p,
  .help-text, .mute-text, .why-jobs-v2, .profile-section-title span,
  .timeline .header .meta, .site-footer .-link, .s-btn__unset,
  svg.iconStar:not(:hover), .favorites-count-off {
    color: #999;
  }
  .ob-post-tag, .ob-user-tag, .deleted-answer .util-bar a, .msg-list .msg-text,
  .s-table td, #side-menu ul ul li > a .svg-icon, .nav-links .fc-medium,
  #top-cards .fc-black-350 svg, #user-card .fc-black-350 svg,
  .company-list .fc-black-500 svg:not(.fc-green-400):not(.fc-orange-400),
  .company-list p, .-settings span, .s-description, p.fc-black-700,
  a.s-link__grayscale, .s-link.s-link__grayscale, .site-footer--copyright p,
  #side-menu ul ul li > a, .sort label[for="sorting-options"],
  .company-list div.fc-black-500, html:not(#X) .fc-black-200, svg.iconLocation,
  svg.iconTwitter, svg.iconGitHub, svg.iconMoney, svg.iconVacation,
  svg.iconHealth, svg.iconComputer, svg.iconClock, svg.iconFood,
  svg.iconFaceSmile, svg.iconHeart, svg.iconFitness, svg.iconSubway,
  .s-anchors.s-anchors__muted a:not(.s-link),
  .s-anchors .s-anchors.s-anchors__muted a:not(.s-link), .fc-black-300,
  .h\:fc-black-300:hover, .f\:fc-black-300:focus {
    color: #999 !important;
  }
  .user-details td, .content-page, h2:not([style]), h2 a, .profile-popup a:hover,
  .module h4, .page-description, #openid_identifier, .form-item label,
  .subheader h2, #side-menu ul ul li > a:hover .svg-icon,
  .message.message-config .message-close:hover,
  .contributor-dropdown .message-close:hover,
  .ask-confirmation-popup .message-close:hover,
  .message.message-config .popup-close a:hover,
  .contributor-dropdown .popup-close a:hover,
  .ask-confirmation-popup .popup-close a:hover,
  .user-page .subheader.reloaded .mini-avatar .name, a.h\:fc-white,
  .static-content ._muted, html:not(#X) .fc-black-500, .fc-black-500,
  .s-btn__muted.s-btn__outlined, .fc-black-700, .h\:fc-black-700:hover,
  .f\:fc-black-700:focus {
    color: #c1beba !important;
  }
  /* these arent !important, but we botch them to make them work */
  html .job, .label-key, .reputation-score, .fc-black-400, .fc-black-600,
  .started-link, .question-hyperlink, .s-btn.google-login, .stackexchange-login,
  html .s-btn__google, [style="color: #8C9298;"], .comment-link {
    color: #aaa !important;
  }
  /* end not !important */
  span[style="color: #444;"], .email-settings .-info p {
    color: #aaa !important;
  }
  .user-page .settings-page h1 + div.subtitle, .fc-medium .fw-bold, .fc-medium b,
  .fc-medium li strong, .salary-changelog, .company-module > header .-info p,
  #index-hed h1 .description, #index-hed h2 .description,
  #index-hed .-header .description,
  .about-page .new-about-content-page .user-details,
  .about-page .new-about-content-page .rep-block,
  .about-page .new-about-content-page .comments,
  .min-ds-wizard .min-ds-box.jobs .min-ds-title .filters label,
  .message.message-config, .displaying-results, .statsBox .number,
  .achievements-dialog .utc-clock, .placeholder-text,
  .timeline-sidebar .timeline-sidebar-module .privacy-helper,
  .s-stat .-description, .top-bar .-secondary .-link, .post-menu > a,
  .statscontainer, .users-page .user-info .user-tags > a,
  .new-about-content-page .user-details, .new-about-content-page .rep-block,
  .new-about-content-page .comments, .top-question-meta-info,
  .top-question-score, .action-list:not(.popup-condensed) .action-desc,
  #tags_list .excerpt, #tags_list .stats-row, .hero-box .column,
  .company-module .-details .-benefits li .-text,
  .faq-page #mainbar .col-section .col-section h2 a,
  .faq-page #mainbar .col-section .col-section h3 a, label:not(.s-label),
  .label:not(.s-label), .answerBox, .answerBox:visited, .community-option,
  .message.message-config a:not(.badge-tag):not(.button):not(.btn):not(.post-tag),
  .user-summary-details .user-created, .user-summary-details .user-saved-queries,
  .s-empty-state, .timeline .header .job a, .timeline .header .meta a,
  .user-page .settings-page .help {
    color: #aaa;
  }
  .topbar-dialog.help-dialog .item-summary,
  .topbar-dialog.inbox-dialog .inbox-item .item-content .item-summary,
  .topbar-dialog.modInbox-dialog .inbox-item .item-content .item-summary,
  .topbar-dialog.achievements-dialog .inbox-item .item-content .item-summary,
  .subheader a span, .disabled-link, .nav-links .nav-links--link,
  .nav-links .nav-links--link:visited,
  .s-anchors.s-anchors__grayscale a:not(.s-link),
  .s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link),
  .timeline .readings .readings-list .readings-item .readings-item-text .readings-item-author,
  .s-anchors.s-anchors__grayscale a:not(.s-link):hover,
  .s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):hover,
  .s-anchors.s-anchors__grayscale a:not(.s-link):active,
  .s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):active,
  .s-anchors.s-anchors__grayscale a:not(.s-link):visited,
  .s-anchors .s-anchors.s-anchors__grayscale a:not(.s-link):visited {
    color: #bbb;
  }
  #top-menu a, .subheader a, .reputation a, .relativetime.old,
  .votes-cast-stats td, #chat .system-message, .card .rep,
  .user-card .user-stats .number, .user-card .user-card-name,
  .cv-story .time-frame, .-list-item.is-completed .-description,
  .s-footer .-toc th, .event-count, .post-timeline td, .post-timeline th,
  .msg-select-all-label, .fc-light, .s-table th, .input-group .f-label,
  .-job-summary .-company, h1.fc-black-800, [class*="grid-"] .fc-black-700,
  p.fc-black-800, .about-page .new-about-content-page h2.about-title,
  .fc-black-350, .fc-medium, .label-key > b, .top-bar .-main .navigation .-link,
  .fc-black-800, .h\:fc-black-800:hover, .f\:fc-black-800:focus,
  .s-tag.bg-black-075 {
    color: #ccc !important;
  }
  .narrow .status, .narrow .views, .search-form .job-alert-tooltip .text,
  .user-show-new .user-tab .subheader .count, .message.message-config h1,
  .message.message-config h2, .message.message-config h3,
  .message.message-config h4, .message.message-config .popup-nav li a,
  .message.message-config.tooltip .message-text,
  .user-show-new .user-rep-full .rep-time,
  .user-show-new .user-rep-full .timeline-date,
  .top-bar .-secondary .-item .-link:hover, .post-menu > a:hover,
  a.s-link__muted:hover, .s-link.s-link__muted:hover,
  a.s-link__muted.s-link__visited:hover,
  .s-link.s-link__muted.s-link__visited:hover, a.s-link__muted:active,
  .s-link.s-link__muted:active, a.s-link__muted.s-link__visited:active,
  .s-link.s-link__muted.s-link__visited:active, .site-footer--copyright p a,
  .post-text, .comment, .users-page .user-info .user-tags > a:hover,
  .answer-votes, .cool, .mini-counts.cool, .message.incomplete, .salary-value,
  .salary-calculator, .calculator-header, .accepted-answer .post-text,
  #tags_list .stats-row a, #tags_list .stats-row a:visited,
  #tags_list span:not(.page-numbers):not(.item-multiplier-x), .item-multiplier,
  .item-multiplier-count, .empty, .subtabs a.youarehere:hover,
  .filter a.youarehere:hover, .subtabs a.active:hover, .filter a.active:hover,
  .subtabs a:hover, .filter a:hover, .s-block-link,
  .modal.image-upload .modal-options,
  .modal.image-upload .modal-dropzone-default p,
  .modal.image-upload .modal-dropzone-default p b,
  .s-navigation .s-navigation--item, .footer,
  .timeline-feed-empty .placeholder-text > p,
  .search-form.responsive .filter-pane .-nav ul._tabs li.tab [data-tab] a span,
  .timeline-item, .timeline .or-separator, a.job-link span, .narrow .mini-counts,
  .s-sidebarwidget--item[aria-current="true"],
  .s-sidebarwidget--item > :first-child[aria-current="true"],
  .s-sidebarwidget--item[aria-current="page"],
  .s-sidebarwidget--item > :first-child[aria-current="page"],
  .user-page .settings-page .email-settings .-settings td.-desc strong,
  #logins-table .pretty-login, .activity-status-prompt > .-fields > .-label,
  .stats-mainbar .task-stat-table .review-stats-count, .-votes .mini-counts,
  .s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-btn):not(.post-tag):not(.s-sidebarwidget--action),
  .s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-btn):not(.post-tag):not(.s-sidebarwidget--action):visited,
  .mdhelp, .timeline-item .timeline-item-title,
  .timeline-item .timeline-item-paragraph, .timeline-item .mini-counts,
  .cv-story .mini-counts, .s-modal--body {
    color: #ccc;
  }
  .nav-links .youarehere .nav-links--link,
  .timeline-item.add .add-item-list .item-add:hover, .val-message,
  .min-ds-wizard .min-ds-box.jobs .min-ds-title .filters label:hover,
  .title-box .title, .title-box > .title,
  .s-btn.s-btn__muted:not(.s-btn__outlined):hover,
  .topbar .login-links-container a:hover, .badge-top._badge1 .-name,
  .badge-top._badge2 .-name, .badge-top._badge3 .-name,
  .s-progress__privilege .s-progress--label, .s-progress--label {
    color: #ddd;
  }
  .nav-links .nav-links--link:hover, .nav-links .nav-links--link:focus,
  .nav-links .nav-links--link:active, #side-menu ul ul li > a.youarehere,
  .s-sidebarwidget--subnav li[aria-current="page"] a, .site-footer .-title a,
  html .module, .subtabs .youarehere.is-selected, .svg-icon.iconShare,
  .iconBriefcaseSm, #tabs-interval.subtabs a:hover, input,
  .accepted-answer .user-action-time, #question-header a:not(.s-btn), .user-info,
  .topbar-dialog .header h3, .topbar-dialog .header h3 a, .topbar-dialog span,
  .votes-cast-stats th, .subheader h1, .message.message-config h1,
  .message.message-config h2, .message.message-config h3,
  .message.message-config h4, .company-module a:hover *, .search-form .label,
  .search-form label, .list.companies p, #snpte-button-run, .timeline .header h4,
  .-title, #profile-side #side-menu a:hover, .-rep, .-total,
  .-list-item .-description, .message.message-error a,
  .chosen-container .chosen-results li, .salary-calc-inputs span,
  .salary-survey-dialog .header h3, .title-banner h1,
  .salary-results-container h1, .topbar-dialog h4, .heading, .module h3,
  .badge-tag, .s-label, .-link__with-icon:hover .svg-icon, .youarehere a,
  .youarehere .svg-icon, h1, h2:not([style]), h3, h4, h5, h6, .h1, .h2, .h3, .h4,
  .h5, .h6, .tour-bubble p, header h2.fc-dark, .fc-dark,
  #logins-table .group-name, .top-bar .-marketing-link, html:not(#X) .fc-white,
  html:not(#X) .h\:fc-black-900:hover, .new-about-content-page h2.about-title,
  li.s-sidebarwidget--item a[aria-current="page"],
  .s-sidebarwidget--item[aria-current="true"] a, .svg-icon.iconWave {
    color: #ddd !important;
  }
  .mdhelp li[data-tab*="mdhelp-"]:hover, .s-badge__bounty {
    color: #eee;
  }
  .subtabs.user-panel-subtabs a:hover,
  .s-navigation .s-navigation--item.is-selected:hover,
  .why-jobs-v2 .developers-first, .why-jobs-v2 .developers-first h2,
  .message.message-info a:not(.badge-tag):not(.button):not(.btn):not(.post-tag),
  .answered-accepted, .answered-accepted .mini-counts,
  .answered-accepted .minicounts span, .s-btn__muted.s-btn__outlined:hover,
  .s-btn__muted.s-btn__outlined:active, .message.message-info,
  .s-block-link:hover, .s-block-link:active, li.s-sidebarwidget--item a:hover,
  #more-actions a.fc-black-500:hover, html:not(#X) .s-card a.fc-black-500:hover,
  .gv-size-huge .btn, .fc-white, .h\:fc-white:hover, .f\:fc-white:focus {
    color: #eee !important;
  }
  .top-bar .navigation .-link:hover, .top-bar .navigation .-link:focus {
    background-color: #242424;
    color: #eee;
  }
  .show-votes .sidebar-linked .spacer > a:first-child .answer-votes,
  .show-votes .sidebar-related .spacer > a:first-child .answer-votes {
    background: #353535;
    color: #ccc;
  }
  .icon-job-big, .icon-project-opensource-big, .icon-project-apps-big,
  .icon-achievement-big, .icon-education-big, .icon-certification-big,
  .icon-artifact-big, .icon-generic-assessment-big, .icon-generic-big,
  .min-ds-step-counter .step.completed, .icon-q-small, .icon-a-small {
    filter: grayscale(1) brightness(200%);
  }
  .top-bar .-secondary .-link._danger-indicator::after {
    border-color: #111;
  }
  .top-bar .-secondary .-item .-link:hover .indicator-badge,
  .top-bar .-secondary .-link._danger-indicator:hover::after {
    border-color: #242424;
  }
  .top-bar .-secondary .-item._active .indicator-badge,
  .top-bar .-secondary .-item .-link.topbar-icon-on .indicator-badge,
  .top-bar .-secondary .-item .-link.topbar-icon-on:hover .indicator-badge,
  .top-bar .-secondary .-item._active ._danger-indicator::after,
  .top-bar .-secondary .-item .-link.topbar-icon-on._danger-indicator::after,
  .top-bar .-secondary .-item .-link.topbar-icon-on._danger-indicator:hover::after {
    border-color: #111;
  }
  .top-bar .indicator-badge.wb-unread-count {
    background-color: /*[[base-color]]*/ #4183c4;
  }
  .top-bar .indicator-badge {
    --blue-600: #135 !important;
    color: #fff;
  }
  .topbar-dialog.wb-inbox-dialog {
    border-color: #145;
  }
  .topbar-dialog.wb-inbox-dialog .header {
    background-color: #135;
  }
  .wb-new {
    background-color: #321;
  }
  .wb-inbox-item > a > p {
    color: #eee;
  }
  .wb-inbox-dialog .wb-footer {
    --black-025: #222;
  }
  a.wb-hat-details-avatar {
    border: 15px solid transparent;
  }
  .wb-outer {
    background-color: #333;
    color: #ccc;
  }
  .left-sidebar-toggle span, .left-sidebar-toggle span::before,
  .left-sidebar-toggle span::after, .min-ds-step-counter .step {
    background-color: #bbb;
  }
  html, #post-preview, .nav .primarynav li a, #hsearch .textbox,
  .welovestackoverflow, #wmd-button-bar, .wmd-button-bar, .qa-block,
  .content-block, .user-info-rep, .sidebar, .popup, .val-success,
  .search-form .filter-pane nav, .s-card, .chosen-container .chosen-drop,
  .pac-item.pac-item-selected, .pac-item:hover, .-item.social:hover,
  .salary-results, .nav {
    background: #191919 !important;
  }
  body:not(.theme-system) .wmd-button > span {
    filter: invert(80%) hue-rotate(180deg) contrast(160%);
  }
  .grippie {
    border: 1px solid #444;
    background-color: #444;
  }
  .filter-dashboard-edit #add-tags-button,
  .filter-dashboard-edit #filter-preview {
    color: #ccc !important;
    border: 1px solid #444;
    background: #333;
    background: linear-gradient(to bottom, #222, #333);
  }
  .timeline-item.edit .img {
    background-color: #333 !important;
    border-color: #555 !important;
  }
  .authcomment, .seIntro, .seFooter, .title-banner, .salary-results-wrapper,
  .salary-skill-legend, .msg-list .list-item.is-unread {
    background-color: #191919 !important;
    border: 2px solid #262626 !important;
  }
  .tag-suggestions, .dropdown li,
  .proposed-change .diff-buttons a:not(.selected), #logout-form, .snippet-holder,
  .CodeMirror, .CodeMirror-gutters, .badge-progress.completed,
  .item-select-table .item, .title-box, .-list-item, .bg-powder-050,
  .textarea-with-counter .-counter, .temp-popover, .google-login, .btn._google,
  .s-popover, #user-menu {
    background-color: #191919 !important;
    border-color: #444 !important;
  }
  .old-hero a.-link, a.s-btn.fc-black-900 {
    color: #111 !important;
  }
  .timeline-item::before {
    background-color: #111;
    border-color: #191919;
    filter: brightness(350%);
  }
  .timeline-item.job::before {
    background-color: #111;
    border-color: #181818;
  }
  .timeline-item.achievement .icon-wrapper .favicon-wrapper {
    background-color: inherit;
    border-color: #555;
  }
  .timeline-feed .timeline-line {
    background: #555;
  }
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover,
  .-votes .icon-vote, .-votes .icon-answer {
    filter: brightness(250%);
  }
  .timeline-item, .timeline-item.add header, .timeline-item.job header,
  .timeline-item.edit header, .bc-black-9 {
    border-color: #555 !important;
  }
  .s-popover[x-placement^="right"] .s-popover--arrow::before,
  .s-popover--arrow__lt::before, .s-popover--arrow__lc::before,
  .s-popover--arrow__lb::before, .s-saved-searches-table tr th:first-child,
  .s-saved-searches-table tr td:first-child {
    border-right-color: #555;
  }
  .s-popover--arrow__tl::before, .s-popover--arrow__tc::before,
  .s-popover--arrow__tr::before,
  .s-popover[x-placement^="bottom"] .s-popover--arrow::before,
  .s-popover[data-popper-placement^="bottom"] .s-popover--arrow::before,
  .s-popover--arrow__tl::before, .s-popover--arrow__tc::before,
  .s-popover--arrow__tr::before {
    border-bottom-color: #444;
  }
  .s-popover--arrow__tl::after, .s-popover--arrow__tc::after,
  .s-popover--arrow__tr::after,
  .s-popover[x-placement^="bottom"] .s-popover--arrow::after,
  .s-popover--arrow__tl::after, .s-popover--arrow__tc::after,
  .s-popover--arrow__tr::after,
  .s-popover[data-popper-placement^="bottom"] .s-popover--arrow::after,
  .s-popover--arrow__tl::after, .s-popover--arrow__tc::after,
  .s-popover--arrow__tr::after {
    border-bottom-color: #191919;
  }
  .s-popover--arrow, .s-popover--arrow__tl, .s-popover--arrow__tc,
  .s-popover--arrow__tr, .s-popover--arrow__bl, .s-popover--arrow__bc,
  .s-popover--arrow__br, .s-popover--arrow__lt, .s-popover--arrow__lc,
  .s-popover--arrow__lb, .s-popover--arrow__rt, .s-popover--arrow__rc,
  .s-popover--arrow__rb {
    color: #181818;
  }
  .s-popover[x-placement^="top"] .s-popover--arrow::before,
  .s-popover--arrow__bl::before, .s-popover--arrow__bc::before,
  .s-popover--arrow__br::before,
  .s-popover[data-popper-placement^="top"] .s-popover--arrow::before,
  .s-popover--arrow__bl::before, .s-popover--arrow__bc::before,
  .s-popover--arrow__br::before {
    border-top-color: #555;
  }
  .s-popover[data-popper-placement^="top"] .s-popover--arrow::after,
  .s-popover--arrow__bl::after, .s-popover--arrow__bc::after,
  .s-popover--arrow__br::after {
    border-top-color: #191919;
  }
  .s-popover {
    background-color: #191919;
    border-color: #444;
    color: #aaa;
  }
  .s-popover--arrow::before {
    background: #444 !important;
  }
  body.theme-system .s-popover--arrow {
    color: #191919;
  }
  .bc-black-3, .bc-black-100 {
    border-color: #444 !important;
  }
  /* RSS Feed - issue #87 */
  body > pre:not(.prettyprint):not(.CodeMirror-line) {
    background: var(--highlight-bg) !important;
    color: #ddd;
  }
  body.user-page #content * {
    box-sizing: border-box !important;
  }
  .subheader.tools-rev #tabs:nth-child(2) {
    margin-top: -2px !important;
  }
  .subheader.tools-rev #tabs a {
    margin-top: 3px !important;
  }
  .subheader #tabs [href*="account_recovery"],
  .subheader #tabs a[href*="account_recovery"]:hover {
    margin-top: 0 !important;
  }
  #user-tab-answers .subtabs {
    margin-top: 4.4px;
  }
  #mainbar .subheader #tabs a:hover, #mainbar .subheader #tabs a {
    margin-top: -2.6px !important;
  }
  .subheader.reloaded.js-user-header #tabs a.youarehere {
    margin-top: 0 !important;
  }
  body #mainArea .subheader .tabs a.youarehere,
  .subheader .tabs a.youarehere:not([href*="company"]),
  #mainbar .subheader #tabs {
    margin-top: 3px;
    border-bottom-color: transparent !important;
  }
  .subheader.user-tabs-nav .tabs a.youarehere,
  .subheader .tabs a[href*="company"].youarehere {
    margin-top: 0;
    border-left-color: #444 !important;
    border-right-color: #444 !important;
  }
  .subheader.user-tabs-nav .tabs a:not(.youarehere):hover,
  .subheader.reloaded #tabs a:not(.youarehere):hover {
    margin-top: 0 !important;
    height: 39px;
  }
  html:not(#X) #tabs a.youarehere.is-selected {
    border-color: #555 !important;
    border-bottom-color: transparent !important;
    background: #222 !important;
    margin-top: -1px;
  }
  .subheader:not(.user-tabs-nav) .tabs a.youarehere:not([href*="company"]) {
    border-bottom-color: /*[[base-color]]*/ !important;
    color: /*[[base-color]]*/ !important;
  }
  .timeline-item .description .description-expander ~ .description-expander-label {
    color: /*[[base-color]]*/;
  }
  #tabs a.youarehere::before, .tabs a.youarehere::before {
    background-color: /*[[base-color]]*/ !important;
  }
  #tabs a, .tabs a {
    border: 1px solid transparent !important;
  }
  #tabs a.youarehere,
  .tabs a:not([href*="company"]):not([id*="category-"]):not([href*="users"]).youarehere {
    border-color: #444 !important;
    border-bottom-color: transparent;
  }
  .subheader .tabs a.youarehere[href*="company"] {
    border-bottom-color: transparent !important;
    background-color: #222;
  }
  #mainArea.at-top .tabs a.youarehere, #mainArea.at-top .tabs a,
  .tabs a[id*="category-"], .tabs a[id*="category-"]:hover {
    border: 1px solid transparent !important;
    background-color: transparent !important;
  }
  .youarehere:hover {
    background: #222 !important;
  }
  .subheader:not(.user-tabs-nav) .tabs a:not([href*="company"]):hover,
  .sort a.current, .subtabs a.youarehere, .subtabs a:hover {
    border-bottom-color: /*[[base-color]]*/ !important;
    color: /*[[base-color]]*/ !important;
  }
  .subheader, .subheader._level-2 {
    background: transparent;
    border-color: #555;
  }
  #user-about-me, .user-about-me, .mine .messages, .avatar-card, .tag-container,
  .dropdown {
    background: #191919 !important;
    border: 0 !important;
    color: #c1beba !important;
  }
  #chat .mine .messages, .salary-share, .share-tip {
    background-color: #292929 !important;
    border: 1px solid #444 !important;
  }
  .topbar-dialog.siteSwitcher-dialog .current-site-container {
    background-color: #191919;
  }
  #tag-menu, #overlay-header, .action-list .action-selected,
  .switcher-nudge-lightbox, .user-rep-chart-summary-tooltip:hover, #or,
  .account-number, .topbar, .wmd-prompt-dialog, .wb-popup-content,
  .wb-hat-details, .docs-review-page .history-table tr.even td, kbd, kbd code,
  .switcher label, .timeline-item-actions, .cv-story .section-opener h2,
  .cv-story .section-opener::after, .header-edit-section .ctas,
  .item-select-table .item:hover, .visa-wrapper, .chosen-choices,
  .p-top-tags .-tag-group, .chosen-results .active-result,
  .salary-results-wrapper .inline-survey-cta, #messages-interface .callout,
  .tour-bubble .-body, .why-jobs-v2 .developers-first select option,
  .wmd-button__active, .wmd-inline-dialog,
  .search-form.responsive .filter-pane nav ul._tabs li.tab [data-tab] a span,
  .s-modal--dialog, .timeline-feed-empty {
    background-color: #222 !important;
    color: #ddd !important;
  }
  .profile-popup, .profile-popup tr, .profile-popup th, .profile-gravatar,
  .roomcard, .seWrapper, h2.index.header, .list-originals .item.hover,
  .list-originals .body-summary, .review-instructions-reason, .room-mini,
  #formContainer, #switch, .login-topbar, .newsletter-category, .newsletter-item,
  .blogcontainer, .usercard-xxl, .roomcard-xxl,
  .docs-review-page .topic-draft-bar, .badge-progress, .avatar-wrapper,
  .s-progress-bar .-bar, .-job-badges .-badge, .search-form .job-alert-tooltip,
  .bg-white, .tag-popup .-container, .tag-popup .-arrow::before,
  .l-main-col a.btn-secondary, .messaging-v2 .btn-secondary.is-active,
  .bar-sm.bg-black-025, .search-form.responsive .filter-pane nav ul._tabs li.tab {
    background-color: #222 !important;
    border-color: #555 !important;
    color: #ddd !important;
  }
  .bg-black-750, .h\:bg-black-750:hover, .f\:bg-black-750:focus {
    background-color: #232323 !important;
  }
  #header #topbar, .date-span, .form-submit input:not([type="button"]),
  .preferred-login, .date_brick, .more-info, .review-stats-current-user,
  .review-stats-count-current-user, .topbar-menu-links, .input-group .-fill {
    background: #222 !important;
    color: #ddd !important;
    -webkit-border-radius: 3px !important;
            border-radius: 3px !important;
  }
  .topbar.newheader, .network-items>a, .icon-help, .icon-help:hover,
  .s-notice__important, .s-notice.s-notice__outlined,
  ul.menu-popout li.fc-dark.bg-green-050 {
    background-color: #222 !important;
  }
  .calendar, .calendar-small, .mspark .mspbar, #promo-box,
  #input-area .input-hint, .tour-page .feature-selection li a.triggered,
  .ob-docs,
  .topbar.newheader .topbar-wrapper .topbar-links .search-container #search input[name="q"],
  .mainbar.discussion .discussion-item, .pager a span:not(.page-numbers),
  .page-sizer a:not(.page-numbers), .self {
    background: #222 !important;
    color: #ddd !important;
  }
  .tour-page .tour-content section:nth-child(n+1), .users-page .user-info:hover,
  .nav-left-col a, .new-post-login .stackexchange-login:hover,
  .new-post-login .google-login:hover,
  .s-btn__muted:not(.facebook-login):not(.fc-dark),
  .s-btn__muted:not(.facebook-login):not(.fc-dark):focus {
    background: rgba(34, 34, 34, .5) !important;
  }
  .why-jobs-v2 .slanted-background._light-gray::before,
  #jobs-sidebar-panel .s-sidebarwidget--header.bg-white,
  html:not(#X) .fc-orange-400.bg-white, html:not(#X) .p-bg-purple .bg-white,
  aside .s-anchors .s-sidebarwidget--header {
    background-color: #202020 !important;
  }
  .bg-powder-100 {
    background-color: #83898e !important;
  }
  .facebook-login, .facebook-login:hover, .s-btn__facebook.facebook-login {
    color: #eee !important;
    background-color: #395697 !important;
  }
  html:not(#X) .s-btn__facebook {
    color: #eee !important;
    background-color: #395697 !important;
  }
  html:not(#X) .s-btn__facebook:hover {
    background-color: #395697 !important;
    filter: brightness(110%);
  }
  .facebook-login:hover, .s-btn__facebook.facebook-login:hover {
    background-color: #395697;
    filter: brightness(110%);
  }
  html:not(#X) .s-btn.google-login:hover,
  html:not(#X) .stackexchange-login:hover, html .s-btn__google:hover {
    color: #eee !important;
    background: #232323 !important;
  }
  html:not(#X) .stackexchange-login, .s-btn__muted.s-btn__outlined, textarea,
  select, html:not(#X) .f-radio-toggle._muted .f-label {
    border-color: #555 !important;
  }
  .s-btn__muted.is-selected {
    color: #ccc !important;
    background-color: #282828 !important;
  }
  .s-btn__muted:not(.youarehere):not(.s-btn__outlined).is-selected:hover,
  .s-btn__muted:not(.youarehere):not(.s-btn__outlined).is-selected:focus,
  .s-btn__muted:not(.youarehere):not(.s-btn__outlined).is-selected:active,
  .s-btn.s-btn__muted:not(.youarehere):not(.s-btn__outlined):not(.facebook-login):hover,
  .s-btn.s-btn__muted:not(.youarehere):not(.s-btn__outlined):not(.facebook-login):focus,
  .s-btn.s-btn__muted:not(.youarehere):not(.s-btn__outlined):not(.facebook-login):active {
    color: #ccc !important;
    background-color: #282828 !important;
  }
  .s-btn.s-btn__unset, .s-btn.s-btn__unset:hover, .s-btn.s-btn__unset:active {
    background: transparent !important;
    color: unset;
  }
  .ad502-room, .message.message-config .actions, .tag-container .col, .congrats,
  .task-stat-table tdm {
    background-color: #232323 !important;
    border: 1px solid #191919 !important;
  }
  .rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes,
  .card, .congrats, .-card {
    background-color: #232323 !important;
    color: #bbb !important;
  }
  #jobs-sidebar-panel .s-sidebarwidget--header, .s-sidebarwidget--header,
  .s-sidebarwidget .s-sidebarwidget--header.grid {
    background-color: #292929 !important;
    color: #ddd;
  }
  .s-sidebarwidget, .s-sidebarwidget.module,
  .s-sidebarwidget.module .s-sidebarwidget--content.s-sidebarwidget__items {
    background-color: #191919;
  }
  #jobs-sidebar-panel .s-sidebarwidget--content.s-sidebarwidget__items,
  #featured-company-page-ad .company-module {
    background-color: #191919 !important;
  }
  .jobs-saved-search-editor::before {
    box-shadow: -1px 1px 0 #444, -3px 1px 3px -1px rgba(0, 0, 0, .11);
    background: #202020;
  }
  html:not(#X) .jobs-saved-search-editor {
    background: #202020 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    border-color: #444;
  }
  .list-card {
    background-color: #232323 !important;
    border-color: #555 !important;
  }
  .list-card::before {
    border-left: 12px solid transparent !important;
    border-right: 12px solid transparent !important;
    border-top: 9px solid #232323 !important;
  }
  .filter a.youarehere, .subtabs a.active, .filter a.active,
  .timeline .header-edit-section .empty-description,
  .timeline .feature-banner__background, .user-page .settings-page h1,
  .inner-container, .tag-editor:not(.s-input),
  .match-preferences .seniority-selector,
  .matching-preferences #location-widget .location-wrapper .visa-wrapper,
  .match-preferences .salary-selector .double-field .field-with-bg,
  .user-page .settings-page h1 + div.subtitle,
  .resume-uploader #uploader-wrapper .qq-upload-drop-area,
  .user-page .settings-page .email-settings .-info,
  .user-page .settings-page .email-settings .-settings tr:not(:last-child) td,
  .min-ds-wizard .min-ds-box.jobs,
  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor,
  .min-ds-wizard .min-ds-box.jobs .min-ds-cta-section,
  .min-ds-wizard .min-ds-box.jobs .min-ds-title,
  .review-bar-container .review-bar {
    border-color: #555;
  }
  .subtabs.user-panel-subtabs a.youarehere, .subtabs.user-tab-sorts a.youarehere {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
  }
  #user-tab-questions div.subheader .user-tab-sorts {
    padding-top: 2px;
  }
  .s-navigation .s-navigation--item:hover,
  .s-navigation .s-navigation--item:active {
    background: #343434;
    color: #ccc;
  }
  .s-navigation.s-navigation__muted .s-navigation--item.is-selected {
    background: #333;
    color: #ddd;
  }
  #index-hed .sort .select select {
    border-color: #555;
    box-shadow: 0 0 5px rgb(85, 85, 85);
  }
  #index-hed .sort .select select:focus {
    border-color: /*[[base-color]]*/;
    box-shadow: 0 0 5px rgba(/*[[base-color-rgb]]*/, .5);
  }
  .filter-dashboard-edit .tag-list {
    border-color: /*[[base-color]]*/;
  }
  .s-btn[data-action="se-uql-list#editCurrent"],
  html:not(#X) .s-btn[data-action="se-uql#cancelEditor"],
  .prev-next.test-pagination-next {
    border-color: transparent !important;
  }
  .question-container, .featured-site, .favorite-container, .account-container,
  .divided-grid .-item, .s-widget-toreplace, .top-question-container,
  .account-container .account-icon, .wizard-container, .wz-section-container,
  .wmd-inline-dialog, .wmd-button__active, .popup,
  .help-center .help-category-box h3,
  .timeline .header-edit-section .section-divider, .item-select-table,
  .diff-buttons a.selected, .diff-choices a.selected,
  .diff-type-controls a.selected, .diff-buttons a.selected:hover,
  .diff-choices a.selected:hover, .diff-type-controls a.selected:hover,
  .diff-choices a, .diff-type-controls a, .diff-skipped > div,
  .user-show-new .answer-summary, .fs-category.has-border,
  .user-show-new .history-table > tbody > tr,
  .user-show-new .user-rep-full .rep-table-row > td, .question,
  #sub-navs .menu-item, kbd, .top-answer-container, .s-sidebarwidget::after,
  .user-show-new .user-rep-chart-summary, .subscription-container, .snippet-code,
  .about-page .new-about-content-page .content-block,
  .about-page .new-about-content-page .qa-block,
  .about-page .new-about-content-page .user-info-rep, hr,
  .my-communities ul.community-site li, div.meter,
  #badge-progress-menu .tm-heading, input[type="text"]:not(.s-input),
  input[type="password"]:not(.s-input), input[type="number"]:not(.s-input),
  input[type="email"]:not(.s-input), input[type="url"]:not(.s-input),
  input[type="search"]:not(.s-input), input[type="tel"]:not(.s-input),
  input[type="datetime"]:not(.s-input),
  input[type="datetime-local"]:not(.s-input), input[type="date"]:not(.s-input),
  textarea:not(.s-input), .table._borders > thead > tr > th,
  .table._borders > tbody > tr > th, .table._borders > tfoot > tr > th,
  .table._borders > thead > tr > td, .table._borders > tbody > tr > td,
  .table._borders > tfoot > tr > td, .new-about-content-page .qa-block,
  .new-about-content-page .content-block, .sidebar-stats td, .sidebar-stats th,
  .new-about-content-page .user-info-rep, .-summary,
  .user-show-new .user-panel .subheader, .s-jobs .-department {
    border-color: #444;
  }
  .pac-container .pac-item .pac-icon {
    filter: brightness(600%);
  }
  ul.comments-list .comment > *, #content, .comments, #question-header,
  .question-page #answers .answer, .wmd-button-row, .wmd-button-bar, .mdhelp,
  .s-input, .s-textarea, input, .grippie, .wmd-preview, #tags_list .tag-cell,
  .flush-left, #sidebar .s-sidebarwidget, .-panel .s-sidebarwidget--header,
  .s-sidebarwidget--header.bg-white, .-panel .s-sidebarwidget--content,
  .s-sidebarwidget, .company-module, .topbar-dialog .modal-content li,
  .pagination > a, .pagination a:visited,
  .s-sidebarwidget .s-sidebarwidget--header.grid,
  .-ignored .s-sidebarwidget--content, .s-sidebarwidget--header:not(.module),
  .module .s-sidebarwidget--content,
  #jobs-sidebar-placeholder .s-sidebarwidget--header,
  .s-sidebarwidget.module .s-sidebarwidget--header,
  .s-sidebarwidget--content.s-sidebarwidget__items, #sub-navs > a,
  .s-sidebarwidget--content, .bc-black-3,
  td[style*="border-bottom: 1px solid #727272;"], .s-tag.bg-black-075:hover,
  .s-tag.bg-black-075, .bc-black-5,
  .search-form.viv-stacksified .chosen-container .chosen-drop,
  .chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #444 !important;
  }
  .diff-buttons a:hover, .diff-choices a:hover, .diff-type-controls a:hover,
  .s-table tr:last-of-type td, .s-table tr:last-of-type th, .s-table th,
  .s-table td {
    border-color: #555;
  }
  .badges-page .general .badge-hierarchy {
    border-color: #242424;
  }
  #badge-progress-menu {
    border: 1px solid #444;
    background-color: #333;
    color: #eee;
  }
  .wmd-button-bar.has-active-button .wmd-button:not(.wmd-button__active) {
    opacity: 1;
  }
  .mdhelp-tabs, .mdhelp-tabs li.selected, .wmd-help-button.active-help {
    background-color: #303030;
  }
  #wmd-undo-button span[style="background-position: -200px -20px;"],
  #wmd-redo-button span[style="background-position: -220px -20px;"] {
    filter: brightness(40%);
  }
  #system-message, .commentlist, #hero-content, .tabs .selected,
  .rep-card .rep-col, .sort select, .MathJax_MenuDisabled,
  .gsc-option-menu-item-highlighted, .secondary-job-results-identifier,
  .user-page .settings-page .email-settings .-info {
    background: #232323 !important;
    color: #999 !important;
  }
  .revcell2, .revision td {
    background: #232323;
    color: #999;
  }
  .search-form.responsive .filter-pane .-nav ul._tabs li.tab {
    background-color: #282828;
    border: 1px solid #444;
  }
  .search-form.responsive .filter-pane .-nav ul._tabs li.tab:not(.remote)::after {
    border: 4px solid transparent;
    border-top-color: #aaa;
  }
  .container, .tour-page .headline, .tour-page .cta,
  .s-progress-bar._badge .-fill {
    background-image: none !important;
  }
  .highlight-row, .highlighted, .card.rep-card .graph, .badge-progress:hover,
  #newsletter-ad, .search-form .icon-advanced-search, .message.gray,
  .menu-popout li:hover, .menu-popout .is-selected, #job-detail .-sticky-tabs,
  .nav-left-col a:hover, .deleted-answer footer .user-info, .util-bar,
  .accepted-answer .user-info {
    background-color: #242424 !important;
    background-image: none !important;
  }
  td.review-stats-all-count {
    background-color: #242424;
    border: 4px solid #181818;
  }
  .answer {
    padding: 10px !important;
  }
  .dropdown li.selected a, .dropdown li.selected a:hover,
  .ob-docs .example-metric, .menu-popout, .version-row, .version-name,
  .switcher input[type="radio"]:checked+label, .double-input .separator,
  .geo-tag, .salary-calc-inputs, .comments-wrap {
    background: #333 !important;
    color: #ccc !important;
  }
  .MathJax_Menu, .MathJax_MenuLabel:focus {
    background: #222;
    color: #ddd;
  }
  .modal.image-upload .modal-dropzone-default,
  .modal.image-upload .modal-dropzone-preview,
  .search-form.responsive .filter-pane .chosen-container .chosen-choices,
  .chosen-container .chosen-drop,
  .search-form.responsive .filter-pane .tag-editor, .MathJax_Menu,
  .MathJax_MenuRule, .chess-replayer .notes {
    border-color: #555;
  }
  .chosen-container-single .chosen-single {
    border-left: 1px solid #555 !important;
  }
  .modal.image-upload .modal-dropzone-default:hover,
  .modal.image-upload .modal-dropzone-default.hover,
  .container .chosen-container .chosen-choices {
    background: #444;
    border-color: #666;
  }
  .search-form.viv-stacksified .chosen-container .chosen-choices,
  .search-form.viv-stacksified.responsive .filter-pane .tag-editor {
    background: #111 !important;
    border-color: #666;
  }
  .owner-answer, .notification, #feed-ticker, #top-menu, .vote-revision td,
  .privileges-wrapper .stroke, .progress-bar .bar, .bg-black-100,
  .h\:bg-black-100:hover, .f\:bg-black-100:focus {
    background: #404040 !important;
  }
  .history-table .reviewed-action,
  .user-page .settings-page .email-settings .-title-row {
    background-color: #383838;
  }
  tr.comment:hover, .reply-parent, .timestamp, .usercard,
  .answer-help-background, .tabs li, .seNavLinks a:hover, .seNavLinks a:focus,
  .itemBoxNew, .pagination a.current, .wb-wearing, .impact-card hr,
  .MathJax_MenuActive, .timeline-item.edit .img .remove {
    background-color: #444 !important;
    color: #ddd !important;
  }
  .pagination a.selected, .pagination a:hover, .pagination > a.selected,
  .pagination a:visited.selected, .pagination > a:hover,
  .pagination a:visited:hover, .pagination > a.current,
  .pagination a:visited.current, .pagination > a.selected:hover,
  .pagination a:visited.selected:hover {
    background-color: /*[[base-color]]*/;
    color: #fff !important;
  }
  #mainbar .pagination .prev-next:hover {
    color: /*[[base-color]]*/ !important;
    border: 1px solid transparent !important;
  }
  .timeline .or-separator::before, .timeline .or-separator .text,
  .pac-container::before {
    background: #444;
  }
  hr, .modal .modal-close:hover, .currency-label::after {
    background: #444 !important;
  }
  .timeline .network-accounts .network-account {
    background: #333;
    border-color: #555;
  }
  .comment__highlight:not([style*="background-color"]),
  ul.comments-list .comment__highlight .comment-text,
  ul.comments-list .comment__highlight .comment-actions {
    background: rgba(102, 102, 102, .8) !important;
  }
  #chat .messages .mention, .timeline-item.edit .img .remove:hover {
    background: #666 !important;
  }
  .s-timeline::after, .s-timeline .-period:last-child .-event:last-child::after,
  .hi {
    background: #666;
  }
  #post-text-container div span {
    background: #c1beba !important;
  }
  .-logo img, img#gh-logo.bg-white {
    background: #ddd !important;
  }
  .sidebar-element .list li .rep-and-badges::before {
    background: linear-gradient(270deg, #333, rgba(51, 51, 51, 0));
  }
  /* === Brown(ish) === */
  .bg-yellow-200, .h\:bg-yellow-200:hover, .f\:bg-yellow-200:focus {
    background-color: #fc3 !important;
    color: #111;
  }
  .filter-dashboard-summary.preview-summary {
    background-color: #321 !important;
    border-top: 1px solid transparent !important;
    border: 1px solid #542 !important;
  }
  .comment-help {
    background-color: #321;
    border: 1px solid #542;
    color: #ccc;
  }
  .timeline-page .post-timeline-v2 .post-timeline tr.deleted-event td,
  .timeline-page .post-timeline-v2 .post-timeline tr.deleted-event-details td {
    background-color: rgba(40, 25, 10, .8) !important;
  }
  #sideBar .newuser, .stats-sidebar .newuser, .module.newuser, .module.emailsub {
    background-color: #321 !important;
    border: 1px solid #542 !important;
       -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border-image: initial !important;
  }
  .new-post-activity, #new-answer-activity, .val-info, .highlight,
  a.youarehere::before, .message.regular, .review-post-author-guidance,
  .tagged-interesting, .tagged-interesting .views,
  .tagged-interesting .user-info {
    background-color: rgba(51, 34, 17, .6) !important;
  }
  .revision-comment {
    background-color: inherit;
    color: #ccc;
  }
  #mdhelp .mdhelp-tab pre:not(.bg-transparent):not(.bg-black-050) {
    background-color: rgba(102, 85, 17, .3) !important;
  }
  pre .spaces {
    color: #433211;
  }
  .spaces {
    background-color: #542;
  }
  .fc-yellow-600, .h\:fc-yellow-600:hover, .f\:fc-yellow-600:focus, .fc-warning,
  .fc-yellow-600 .iconStar, .fc-yellow-600:hover .iconStar {
    color: #fc3 !important;
  }
  div.question-status, .unread {
    background-color: rgba(51, 34, 17, .6);
    border-color: #640 !important;
  }
  .s-sidebarwidget__yellow .s-sidebarwidget--header {
    background-color: #321 !important;
    color: #bbb !important;
  }
  .s-sidebarwidget__yellow, .listResults .-item._highlighted {
    background-color: #241b13;
  }
  .s-sidebarwidget__yellow,
  .s-sidebarwidget__yellow .s-sidebarwidget .s-sidebarwidget--header,
  .s-sidebarwidget__yellow .s-sidebarwidget--content,
  #important-custom-content .s-sidebarwidget__yellow,
  html:not(#X) .s-sidebarwidget__yellow,
  .s-sidebarwidget__yellow .s-sidebarwidget::after,
  .s-sidebarwidget__yellow::after {
    border-color: #651 !important;
  }
  .bg-yellow-300, .fc-yellow-900 {
    background-color: #651 !important;
    color: #aaa !important;
  }
  .event-banner, .filter-dashboard-edit .floating-help {
    background-color: #321;
    border-color: #651;
  }
  .badge1-alternate, .badge2-alternate, .badge3-alternate, .badge-how-to {
    border: 1px solid transparent;
  }
  .badge3-alternate, .val-info {
    border-color: #651;
  }
  #toc.s-sidebarwidget__yellow .s-sidebarwidget--header,
  #toc.s-sidebarwidget__yellow .s-sidebarwidget--content {
    border: 1px solid #542 !important;
  }
  #toc .s-sidebarwidget--header, #toc .s-sidebarwidget--content {
    border-color: #542 !important;
  }
  .message.message-warning, .s-notice__warning {
    background-color: #321 !important;
    color: #ccc !important;
  }
  .flag-quality-warning {
    background-color: #321;
  }
  .icon-warning-label {
    background: #321;
  }
  .s-notice__warning.s-notice__important {
    background-color: #432 !important;
    color: #ccc !important;
  }
  .s-notice__warning.s-notice__outlined {
    border-color: #321 !important;
    color: #ccc !important;
  }
  .message.message-warning .message-tip-left-top::before {
    border-top-color: #321 !important;
  }
  .system-message {
    background: rgba(51, 34, 17, .4) !important;
    border: 1px solid #542 !important;
  }
  .user-show-new #user-tab-answers .answer-votes,
  .user-show-new .post-container .vote, .user-show-new .user-panel .mini-counts,
  .user-show-new .user-rep .rep-amount .rep-down,
  .user-show-new .user-rep .rep-amount .rep-up {
    border-color: #444;
    color: #aaa;
  }
  /* === Green === */
  .user-show-new #user-tab-answers .answer-votes.accepted,
  .user-show-new .post-container .vote.accepted,
  .user-show-new .user-panel .mini-counts.accepted,
  .user-show-new .user-rep .rep-amount .rep-down.accepted,
  .user-show-new .user-rep .rep-amount .rep-up.accepted,
  .user-show-new #user-tab-answers .answer-votes.answered-accepted,
  .user-show-new .post-container .vote.answered-accepted,
  .user-show-new .user-panel .mini-counts.answered-accepted,
  .user-show-new .user-rep .rep-amount .rep-down.answered-accepted,
  .user-show-new .user-rep .rep-amount .rep-up.answered-accepted,
  .user-show-new #user-tab-answers .answer-votes.special-rep,
  .user-show-new .post-container .vote.special-rep,
  .user-show-new .user-panel .mini-counts.special-rep,
  .user-show-new .user-rep .rep-amount .rep-down.special-rep,
  .user-show-new .user-rep .rep-amount .rep-up.special-rep {
    border-color: #3a6d4e;
    background: #254632;
    color: #ddd !important;
  }
  .s-notice {
    border-color: transparent;
    color: #ccc;
  }
  .s-notice__success {
    border-color: #254632;
    background: #254632;
  }
  html:not(#X) .f-radio-toggle._muted input[type="radio"]:checked + .f-label {
    border-color: #254632 !important;
    background: #254632 !important;
    color: #ddd !important;
  }
  .history-table .activity-accepted {
    background: #254632;
    color: #27ae60;
    border-bottom: 1px solid #111;
    border-top: 1px solid #13552f;
    text-shadow: none;
  }
  html #content .favorite-container .accepted {
    background: #13552f;
    color: #fff !important;
    border-top: 1px solid #13552f !important;
  }
  .animated-flash-message.success,
  .animated-flash-message.success .flash-content strong {
    border-left: 4px solid #13552f;
    background-color: #27ae60;
    color: #111 !important;
  }
  .animated-flash-message.success a {
    color: #111;
  }
  .animated-flash-message.success a:hover {
    color: #333 !important;
  }
  .suggested-edit .inserted, .markdown-diff .inserted, .rep-increase,
  .progress-bar .percent, .recommended, .suggested-edit .inserted>div,
  .message.success, .p-highlights .-rep-increase, .s-progress-bar .-fill,
  .answerBox.accepted, .s-notice__success {
    background: #002810 !important;
  }
  .profile-cards--checkmark {
    background: #27ae60;
    color: #eee;
  }
  .bg-black-025, .h\:bg-black-025:hover, .f\:bg-black-025:focus {
    background-color: #181818 !important;
  }
  .user-show-new .user-rep-full .rep-table .loaded-body {
    background: #181818;
  }
  .bc-black-2, .bc-black-075 {
    border-color: #444 !important;
  }
  .s-card {
    border: 1px solid #444;
    background-color: #181818;
  }
  #answers .answer.accepted-answer[style*="background-color"] {
    background: inherit !important;
    border: 1px solid /*[[accepted-color]]*/ !important;
  }
  #answers .answer.accepted-answer {
    background: rgba(/*[[accepted-color-rgb]]*/, .5) !important;
    border: 1px solid /*[[accepted-color]]*/ !important;
  }
  .fc-green-400, .h\:fc-green-400:hover, .f\:fc-green-400:focus {
    color: #5fba7d !important;
  }
  .fc-green-500, .h\:fc-green-500:hover, .f\:fc-green-500:focus,
  .vote-count-post [style="color:green"], .answered strong,
  .user-show-new .user-rep-full .rep-up, .movedUp, .status.answered,
  .status.answered .mini-counts, .status.answered strong, .answered,
  .answered .mini-counts, .answered strong {
    color: #27ae60 !important;
  }
  html:not(#X) .bg-green-400, .h\:bg-green-400:hover, .f\:bg-green-400:focus,
  div.meter div, .s-progress--bar {
    background-color: #27ae60 !important;
  }
  .s-notice__success.s-notice__important {
    background: #3f4e1d !important;
    color: #92cc09 !important;
  }
  .s-notice__success.s-notice__outlined {
    border-color: #27ae60 !important;
  }
  .bc-green-4 {
    border-color: #5fba7d !important;
  }
  .topbar-dialog.achievements-dialog .rep-up, .-activity .-stat.answered {
    color: #92cc09 !important;
  }
  .answered .vote-count-post {
    color: #27ae60;
  }
  .user-show-new .user-rep .rep-amount .rep-up, .-stats.rep-up {
    color: #27ae60 !important;
    border-color: #227c48 !important;
  }
  .answered-accepted, .answered-accepted strong, .rep-up.bounty-indicator-tab,
  .user-rep-chart-summary-bar, .special-rep,
  .s-progress__privilege .s-progress--bar {
    background: #13552f !important;
    color: #eee !important;
  }
  #tm-header {
    border-bottom: 3px solid #061 !important;
  }
  .status.answered, .s-progress__privilege .s-progress--label {
    border-color: rgba(69, 161, 99, .8) !important;
  }
  /* === Red === */
  .bg-red-200, .h\:bg-red-200:hover, .f\:bg-red-200:focus {
    background-color: #e33 !important;
  }
  input[type="submit"].btn-outlined.-warning,
  input[type="button"].btn-outlined.-warning, button.btn-outlined.-warning,
  .btn-outlined.-warning {
    color: #e33 !important;
    background-color: transparent !important;
    border-color: #e33 !important;
  }
  input[type="submit"].btn-outlined.-warning:hover,
  input[type="button"].btn-outlined.-warning:hover,
  button.btn-outlined.-warning:hover, .btn-outlined.-warning:hover,
  input[type="submit"].btn-outlined.-warning:focus,
  input[type="button"].btn-outlined.-warning:focus,
  button.btn-outlined.-warning:focus, .btn-outlined.-warning:focus {
    color: #f00 !important;
    background-color: #300 !important;
    border-color: #f00 !important;
  }
  .val-error {
    background-color: #300;
    border-color: #e33;
  }
  .min-ds-wizard .min-ds-box.jobs .min-ds-content .tag-editor-wrapper .tag-editor.error {
    border-color: #e33;
  }
  .input-group.has-error .f-input, .input-group.has-error .tag-editor,
  .input-group.has-error .autocomplete input,
  .input-group.has-error .f-select select {
    border-color: #e33 !important;
  }
  .deleted-answer, .suggested-edit .deleted>div,
  .realtime-post-deleted-notification p, .message.incomplete, .message.error,
  .deleted-answer .comments-wrap, .deleted-answer .user-info,
  .deleted-answer .util-bar, .deleted-answer .comment {
    background-color: #200 !important;
  }
  .s-notice__danger.s-notice__outlined {
    border-color: #600 !important;
  }
  .post-timeline-v2 .post-timeline tr.deleted-event td,
  .post-timeline-v2 .post-timeline tr.deleted-event-details td {
    background-color: rgba(34, 0, 0, .4) !important;
  }
  /* Mobile */
  .-summary .-votes, .deleted-answer .votes {
    background-color: rgba(214, 217, 220, .1) !important;
  }
  body.no-message-slide ._badge3 {
    border-color: #651 !important;
  }
  body.no-message-slide .footer a, body.no-message-slide .footer a:visited {
    color: /*[[base-color]]*/;
  }
  body.no-message-slide .footer a:hover,
  body.no-message-slide .footer a:visited:hover {
    color: /*[[base-color]]*/;
    opacity: .9;
  }
  body.no-message-slide .tabs li._current a,
  body.no-message-slide .tabs li._current select {
    border-bottom-color: /*[[base-color]]*/ !important;
    color: #eee !important;
    background: rgba(/*[[base-color-rgb]]*/, .2) !important;
  }
  body.no-message-slide .nav li, body.no-message-slide .nav a {
    background: transparent !important;
  }
  body.no-message-slide .nav li.current a {
    background: /*[[base-color]]*/ !important;
  }
  .timeline-item.job header::before {
    background: /*[[base-color]]*/;
  }
  body.no-message-slide .pager .-pagination .-number {
    border-radius: 2px !important;
    padding: 4px 8px !important;
    font-size: 100%;
    border-color: #444;
    color: #aaa !important;
    background: #222;
  }
  body.no-message-slide .pager .-pagination .-number._current {
    background: /*[[base-color]]*/;
    color: #eee !important;
    border-color: /*[[base-color]]*/;
  }
  body.no-message-slide select._link {
    color: /*[[base-color]]*/ !important;
  }
  body.no-message-slide .topbar .topbar-icon {
    filter: brightness(150%);
  }
  body.no-message-slide .post-text blockquote,
  body.no-message-slide .post-text q {
    background-color: #321;
    border-color: #651;
  }
  blockquote {
    background: #191919;
  }
  blockquote::before {
    background: #777;
  }
  #question .user-info, .answer .user-info {
    background: transparent !important;
  }
  .util-bar, #question > footer, .answer > footer, #question .user-info,
  .answer .user-info, .comment, .field._toolbar .-toolbar, fieldset,
  .wrapper._card, .vertical-list .-item, .user-panel._card, .badge-top._badge2,
  .badge-top._badge1, .badge-top._badge3, .badge-top._badge1 .-name,
  .badge-top._badge2 .-name, .badge-top._badge3 .-name,
  .contact-page .popup-content .content, .site-footer .site-footer--extra {
    border-color: #444;
  }
  .tabs._full li {
    background-color: #181818 !important;
    border-bottom: 1px solid #555;
  }
  .vote-up-on, .vote-up-off, .vote-down-off, .vote-down-on, .star-on,
  .vote-accepted-off, .vote-accepted-on {
    filter: grayscale(1) brightness(150%);
  }
  .or::before, .or::after {
    border-top: 1px solid #555 !important;
  }
  .summary a.moderator-tag, .s-notice__danger.s-notice__important,
  .s-notice__danger {
    background-color: #400 !important;
  }
  .summary a.moderator-tag:hover {
    background-color: #700 !important;
  }
  a.moderator-tag {
    color: #e8260d !important;
    background-color: #400 !important;
    border-color: #9b2e0e !important;
  }
  a.moderator-tag:hover {
    color: #ddd !important;
    background-color: #700 !important;
    border-color: #9b2e0e !important;
    filter: none !important;
  }
  .vote-count-post [style="color:maroon"] {
    color: maroon !important;
  }
  a.required-tag {
    color: #aaa !important;
    background-color: #303030;
    border-color: #555 !important;
  }
  a.required-tag:hover {
    color: #ccc !important;
    background-color: #444 !important;
    border-color: #666;
  }
  /* style april fools sidebar
  #left-sidebar {
    background: linear-gradient(0deg, #1c3b51 0%, #371f51 100%) !important;
    border-left: 3px solid #061 !important;
  }*/
  /* === Transparent background === */
  div.message .meta, span.feed-icon, a.role-switch, .nav.careers li,
  .nav.careers li:hover, .switcher-nudge-content p, #content, #tabs a, .tabs a,
  #chat .username, .tag-container, .prettyprint code, .lv-info,
  .lv-stats-wrapper, .lv-stats-wrapper .number, .container, .bottom-notice,
  #question-header, #question-form .form-item, .post-menu>a:hover, #main-content,
  #mainbar, #mainbar-full, .mainbar-full, #logout-page, #sidebar, .footerwrap,
  #footer-menu, .module, #sidebar #newsletter-ad, #sidebar .ad-container,
  #sidebar .everyonelovesstackoverflow, .mention,
  .tag-suggestions>div .more-info, .user-tags .answer-votes, .expanded:hover,
  .sidebar-accordion, .sidebar-accordion a:hover, .sidebar,
  .sidebar *:not(.post-tag):not(img), .tag-filter-isany, .col-section.expanded,
  .timeline-mine header, .timeline-sidebar header, .sidebar-profile.is-visible,
  .cv-section, .cv-story .avatar-wrapper, .btn-clear, .personal-statement,
  .link-text, .match-preferences .seniority-selector, .field-with-bg,
  #tags .message.regular, #profile-side #side-menu a, .sidebar-profile .-header,
  .sidebar-profile .-footer, #popup-next-badge .-header, .popup-close .-link,
  .job-cover-image.-no-image, #job-detail, .s-footer .-container,
  .p-top-tags .badge-tag, .gsc-webResult.gsc-result, .gsc-imageResult,
  .gsc-cursor-page, .gsc-cursor-current-page, .metaInfo .owner,
  #content > .subheader, header.job-details--header, .site-footer--container,
  .-activity .-stat.answered, .deleted-answer .comment-actions,
  .min-ds-wizard .current, .input-group .-fill._clean,
  .why-jobs-v2 .slanted-background::before, .msg-list .list-item,
  .msg-list .list-item.is-read, .msg-list .list-item header,
  .message-detail header, .post-signature:not(.owner) .user-info,
  .answers-subheader, .profile-top-tags .badge-tag, .msg-controls,
  .narrow .votes, .badge-tag:hover, .form-item, .nav-links li a:hover,
  .nav-links li a:focus, .answered, .message.success.text-only,
  .s-sidebarwidget .s-btn__muted:not(.facebook-login),
  .task-stat-leaderboard.user-info, #mdhelp .mdhelp-tab pre:not.bg-transparent {
    background-color: transparent !important;
  }
  #content, .subheader #tabs a:not(.youarehere),
  .subheader .tabs a:not(.youarehere), .story-preferences .link-text {
    background-color: transparent !important;
  }
  /* this selector on its own */
  .timeline header.header, #content, #tabs a::before, .tabs a::before {
    background-color: transparent !important;
  }
  .product-hero-background, .search-form.responsive .filter-pane .-nav,
  .mdhelp-tab .spaces {
    background-color: transparent;
  }
  .label-key a.lastactivity-link {
    color: inherit;
    background-color: transparent;
  }
  #tabs a:hover,
  .tabs a:not([id*="category-"]):not([href*="users"]):not(.youarehere):hover {
    background-color: #292929 !important;
    border-color: rgba(62, 62, 62, .1) !important;
    border-bottom-color: transparent !important;
  }
  .subheader.user-full-tab-header .subtabs.user-tab-sorts {
    margin-top: 3px !important;
  }
  .s-prose blockquote::before {
    background: #555;
  }
  /* by default style code blocks in s-prose */
  .s-prose :not(.s-code-block) > code {
    color: var(--highlight-color);
  }
  .spoiler, .s-prose .spoiler {
    background: #181818;
    border-radius: 3px;
  }
  .s-prose .spoiler > * {
    opacity: 0;
  }
  .spoiler:hover, .spoiler:hover * {
    color: inherit;
  }
  .s-prose .spoiler::after {
    color: #aaa;
  }
  .s-prose .spoiler.is-visible > * {
    color: #aaa;
    opacity: 1;
  }
  .min-ds-wizard .min-ds-box.jobs .min-ds-title .filters input[type="radio"]:checked + label {
    color: #ddd;
    border-bottom-color: /*[[base-color]]*/ !important;
  }
  .s-badge__votes {
    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 {
  ...

Reviews

No reviews yet.