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