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

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 {
...