[qb-domain="serverfault.com"],
[qb-domain="superuser.com"],
[qb-domain="stackapps.com"],
[qb-domain="mathoverflow.new"],
[qb-domain="askubuntu.com"],
[qb-domain$="stackoverflow.com"],
[qb-domain$="stackexchange.com"] {
  /***************************************************************
  Stack Overflow Dark v2.11.20 (2018-08-09)
  https://github.com/StylishThemes/StackOverflow-Dark
  http://userstyles.org/styles/35345

  ** Will apply to almost all Stack Exchange Sites **
  Except:
  * Area 51 (area51.stackexchange.com)
  * Gaming (gaming.stackexchange.com)

  ** Please open an issue to report sites where the style breaks **
  https://github.com/StylishThemes/StackOverflow-Dark/issues

  previous version information contained at the userstyles site
  ****************************************************************/

  * {
    border-color: #444 !important;
    text-shadow: none !important;
    box-shadow: none !important;
  }

  body {
    background-color: #191919 !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAAAAABURb1YAAAFnklEQVR4AWWXCY4cwXbE6h4JMhCvMPc/ov+3Ox9QsLCGpKlFHILd+UQ559AGDkBSFXWmomonqkL/XuUcIPUcONjHCJyE36KaqNiaRnVCG9TGpgIU9hIfohCBVGj24ammo04lU3Fy0NZDAyZi5AElHjgEGlRbG1WjraIt7TmADQkAaoEHsOXAAaeqat9RVTqjosyEH5W+DQCQt8BzIJMfXJI3e5tGRefSlRn3NrO3scnvNl26FN5RITGNfjm3GM/+FhQgnlQeImC+dEm8rzHVTNGL9EADVsTAIfGJBziRy7RlmcZU1IYpHIj+4JrWym8/XSwzompmFNVOFdTOAAfs61KZ6eXcp57fykQUOxNBmTesz2HpCnCg3UV/bA7VRpWGNqKtrYLTs0ilCjgxiZxjeLC5dDPBFn4Pn2ja6BRUL10DTgET4Focq8rn8casxV4E5tIlZvytqtfivCOKZrqc38G7egnkXecyPZdzubc57VtUnbfL+a0u3b1N3d9Mci7cKocHoh3xihLQ6fXUlgTOOfVkXSUFINoWHhqxE23RTmCqtoEJaITkIrUCkU9fnqpqm+40VSXS3CLaSzfGBb4rPuOSfN0ylLve6/jpcrbL2dTlnOdv5AamKjLvLN1XruMNS/cul/hx8twKpKYRaE2DOp8+c+lW7uVXVQ7Vx0x1G3HXjNocsHCac7NbWc6egwJVHu2kRTVNC2pqv2U4XNsv5/yWJlV9+NJ1C7xluInlcr7rK+Kg+qy7onQqgnbi7UHcS3qXjdw3bO5tumycYlVssMI5EXXpRnatPK362KodtVU60cm+eQT10sVLFwJYlVaf7UGSoi5dQF3DvnTX3UvXTPO8quKH7jsXhm/PxfKWZXqBM5sS33kmKtC31Q05fI095i5IPpyzRXqSy1Sr17p1F7NE8vMtnNbLpVVtk8c0OrfF0sKxHnIpYgHW4puMomTz8mgmrSjpvrxhX97l7LqLpl7bW9BH9/MNzF8XwRqL8/m7c30eFYV5VX3QTquK06XbLt16F4ks+8Z9m6gPtpcuk3OvibCekng4lzMHi9MoqZmKj9tdbQCbc7bcEA+oEJduRNNL1waf1tuI9MDBUK8t3k9uFz3rrqadO9Ln9TL/ezlwDvky3TW7ZmXfpc77TN0yhOXnP939LvVDV9s+tgLTm0TqYd1lea3PRFuVjLa562HdPbCfascGrvO3DMeIATVqVRO8vfHrbupdfo1dzlXUdkVLZsS1mLPG3rWcl+4B1l1537h0VXzU1tyLG7cCu+LSrSqo06hocy3WCcil65qHDbuEYzQN2HpT3jFt9LEFvHTP1nxbXOEkbhkKmd+6BTfVZ/I143z/Fyz6Za92o0I7I6gzfeYAHPwy/Rb43L9TLtMt8CtwW1xvQvbR1g9n7qJRNN1kdxcdH7cM58Szxq679MdLOhE72t6VNEpHHkzwRyjBcGth+dE99pIkVbWaEWmvnQ8Yl7Mp59zpRWXdNo6odrO754Zzvxf/010nP7onb1TR+bgbVPB9PcADJvH/043Kvk0UzLRxQ6UiaeTAcyxYl2lyrrvZv8v2wE7U1uVcST0821jJeIDKWuyxiqnuko7q3+zJYXJ46nV3D67EyL+lQ9F2qkr+3kUafQpwYE8T329p6y7OX1TF97fQv/c+l87zj7Hsgpig4qRLd9fMPs74rLGyCzRbhmVqpy7nqvPmTD1gvKe7b2U8u1QzmtuDuEtbgT3c8QBJveo6cueFkUwv59nVmfFw1jl4/unuOT9qERV76ers8n23z/c8/Xy7a4lwwLplmGusbRp33Up13+ZDN3KPxNVMhY62vUQyRTse6+cKHtZYjIfDh260Cjbb3Vy6R8H8SMBzqSwrsB1UTacoknlnOb8V4JD9Njfpwz/fHjpBUeevcAtcl65sqXPX9D87RUTLc/dfOgAAAABJRU5ErkJggg==) !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-attachment: scroll !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-position: left top !important;
  }

  /* custom code font */
  pre.prettyprint,
  code {
    font-family: "Menlo", Monaco, Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
  }

  /* === custom color === */
  a:not([class*="comment-"]),
  .profile-popup a,
  .seWrapper a,
  .gs-title b,
  .spoiler:hover a,
  .comment-up-on,
  .comment-up-off:hover {
    color: #4183c4 !important;
  }

  .nav .primarynav li a:hover,
  .message.message-config .actions .button,
  .btn-careers:hover,
  .btn-careers:visited,
  .question-list-layout a:hover {
    color: #fff !important;
    background: #4183c4 !important;
  }

  input[type="submit"].btn-clear,
  input[type="button"].btn-clear,
  button.btn-clear,
  .btn-clear {
    color: #4183c4 !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 {
    color: #4183c4 !important;
    background: #273045 !important;
  }

  a.post-tag:hover,
  .bounty-indicator,
  .bounty-indicator-tab,
  .bounty-award,
  span.bounty-indicator-tab,
  #change-picture,
  .top-badge,
  .supernovabg,
  .hotbg,
  .nav li.youarehere a,
  .nav a:hover,
  a.button:hover,
  .edit-count,
  .pager a:hover span,
  .bounties-tab,
  .login-link,
  #sidebar a[href*="/questions/ask"],
  #sidebar a[href*="/questions/ask"]:visited,
  .page-numbers:hover,
  .s-btn.s-btn__primary,
  .s-btn.s-btn__primary:focus {
    background-color: #4183c4 !important;
    color: #eee !important;
  }

  #tabs a.youarehere:before,
  .tabs a.youarehere:before,
  .newnav .tabs-list-container .tabs-list .intellitab a.youarehere:before {
    background-color: #4183c4 !important;
  }

  .s-btn.s-btn__primary:hover {
    filter: brightness(1.1) !important;
  }

  /* === text selection === */
  ::selection {
    background: #4183c4 !important;
    color: #fff !important;
  }
  ::-moz-selection {
    background: #4183c4 !important;
    color: #fff !important;
  }

  /* === input focus hightlight === */
  input:focus,
  textarea:focus,
  .chosen-container.chosen-container-active .chosen-choices,
  .chosen-container .active-result.highlighted {
    border-color: #4183c4 !important;
    box-shadow:
      inset 0 1px 2px rgba(0, 0, 0, 0.075),
      0 0 2px #4183c4 !important;
    outline-color: transparent !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,
  .s-sidebarwidget:after {
    border: 0 !important;
    box-shadow: none !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 when not logged in === */ #herobox.alternate,
  .message-title {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }

  header {
    background-color: #080808 !important;
  }

  #custom-header,
  .review-bar,
  .diff-choices a.selected,
  #header #topbar,
  td.owner,
  a.owner,
  .question-status,
  .profile-popup,
  .profile-popup div,
  .profile-popup th,
  .profile-popup td,
  #global,
  .actual-edit-overlay,
  input:not([type="submit"]),
  textarea,
  #search input,
  .tag-editor,
  .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,
  .subheader,
  .min-ds-wizard .min-ds-box.jobs {
    background-color: #111 !important;
    color: #ddd !important;
  }

  .gsc-selected-option-container {
    background: #111 !important;
  }

  .onebox,
  .profile-ad,
  .message.message-config,
  .so-header a:hover,
  .so-header a.topbar-icon-on,
  .topbar-dialog .header,
  .header-edit-section:hover,
  .timeline-item,
  .sidebar-profile .-item,
  .btn-outlined.-white:hover,
  .btn-outlined:hover,
  .top-bar a:hover,
  .top-bar a:focus,
  .top-bar .-item._active,
  .top-bar .-link.topbar-icon-on,
  .top-bar .-link.topbar-icon-on:hover,
  .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,
  .salary-calculator-calculator,
  .sticky-menu-wrapper._sticky,
  .-summary,
  .field._toolbar .-toolbar,
  .timeline .feature-banner__background {
    background: #151515 !important;
  }

  html,
  blockquote,
  #post-preview,
  .nav .primarynav li a,
  #chat,
  #hsearch .textbox,
  .form-item,
  .grippie,
  .welovestackoverflow,
  #wmd-button-bar,
  .wmd-button-bar,
  .qa-block,
  .content-block,
  .user-info-rep,
  .sidebar,
  .popup,
  .full-diff,
  .val-success,
  .search-form .filter-pane nav,
  .s-card,
  .chosen-container .chosen-drop,
  .pac-item.pac-item-selected,
  .pac-item:hover,
  .-item.social:hover,
  #add-tags-button,
  #filter-preview,
  .salary-results {
    background: #191919 !important;
  }

  .authcomment,
  .seIntro,
  .seFooter,
  .title-banner,
  .salary-results-wrapper,
  .salary-skill-legend {
    background-color: #191919 !important;
    border: 2px solid #262626 !important;
  }

  #tabs a {
    border: 1px solid transparent !important;
  }

  #tabs a.youarehere,
  .tabs a.youarehere,
  .tag-suggestions,
  .dropdown li,
  .proposed-change .diff-buttons a:not(.selected),
  #logout-form,
  .snippet-holder,
  .CodeMirror,
  .CodeMirror-gutters,
  .badge-progress.completed,
  .timeline-item:before,
  .item-select-table .item,
  .title-box,
  .-list-item,
  .bg-powder-050,
  .textarea-with-counter .-counter {
    background-color: #191919 !important;
    border-color: #444 !important;
  }

  /* RSS Feed - issue #87 */
  body > pre:not(.prettyprint):not(.CodeMirror-line) {
    background: #191919 !important;
    color: #ddd;
  }

  #tabs a.youarehere,
  .tabs a.youarehere {
    border-bottom-color: transparent !important;
  }

  .subtabs :not(.youarehere) {
    border: 0 !important;
  }

  #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 {
    background-color: #292929 !important;
    border: 1px solid #444 !important;
  }

  #chat div.moderator {
    color: #366fb3 !important;
  }

  .topbar-dialog,
  .share-tip,
  .messages,
  #tag-menu,
  #overlay-header,
  .action-list .action-selected,
  .switcher-nudge-lightbox,
  .user-rep-chart-summary-tooltip:hover,
  .current-site-container,
  #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 {
    background-color: #222 !important;
    color: #ddd !important;
  }

  .profile-popup,
  .profile-popup tr,
  .profile-popup th,
  .profile-gravatar,
  .newuser,
  .roomcard,
  .seWrapper,
  h2.index.header,
  .privilege-table-row:hover,
  .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,
  .timeline-line,
  .s-progress-bar .-bar,
  .-job-badges .-badge,
  .search-form .job-alert-tooltip,
  .bg-white,
  .s-sidebarwidget--header,
  .tag-popup .-container,
  .tag-popup .-arrow:before {
    background-color: #222 !important;
    border-color: #555 !important;
    color: #ddd !important;
  }

  #header #topbar,
  .revision-comment,
  .date-span,
  .form-submit input,
  .preferred-login,
  .mdhelp,
  .wmd-help-button.active-help,
  .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 {
    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,
  #input-area,
  .pager a span,
  .page-sizer a {
    background: #222 !important;
    color: #ddd !important;
  }

  .tour-page .tour-content section:nth-child(n + 1),
  .users-page .user-info:hover,
  .nav-left-col a {
    background: rgba(34, 34, 34, 0.5) !important;
  }

  .ad502-room,
  .message.message-config .actions,
  .tag-container .col,
  .congrats,
  .task-stat-table td {
    background-color: #232323 !important;
    border: 1px solid #191919 !important;
  }

  .rep-recent-row,
  .bounty,
  .diff-choices a:hover,
  div.meter,
  .narrow .votes,
  .ob-post-votes,
  .card,
  .congrats,
  .-card {
    background-color: #232323 !important;
    color: #bbb !important;
  }

  .answer,
  #system-message,
  .commentlist,
  .revision td,
  #hero-content,
  .mdhelp-tabs .selected,
  .tabs .selected,
  .rep-card .rep-col,
  .sort select,
  .-job._highlighted,
  .MathJax_MenuDisabled,
  .gsc-option-menu-item-highlighted,
  .secondary-job-results-identifier {
    background: #232323 !important;
    color: #999 !important;
  }

  .container,
  .tour-page .headline,
  .tour-page .cta,
  .s-progress-bar._badge .-fill {
    background-image: none !important;
  }

  .tagged-interesting,
  .tagged-interesting .views,
  .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,
  .user-info {
    background-color: #242424 !important;
    background-image: none !important;
  }

  #newsletter-ad {
    padding: 10px !important;
  }
  #newsletter-ad:before {
    content: "Love this site?";
    font-size: 18px !important;
  }

  .youarehere,
  .dropdown li.selected a,
  .dropdown li.selected a:hover,
  .ob-docs .example-metric,
  .menu-popout,
  .version-row,
  .version-name,
  .post-tag,
  .post-tag:visited,
  .switcher input[type="radio"]:checked + label,
  .double-input .separator,
  .geo-tag,
  .MathJax_Menu,
  .MathJax_MenuLabel:focus,
  .salary-calc-inputs,
  .question-container.unread,
  .comments-wrap {
    background: #333 !important;
    color: #ccc !important;
  }

  .nav li,
  .seNav,
  .topbar a.topbar-icon-on,
  .topbar a.topbar-icon-on:hover,
  .owner,
  .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,
  .topbar-dialog .modal-content li: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,
  .newsletters-toggle,
  .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 {
    background-color: #333 !important;
  }

  .owner-answer,
  .question-status,
  .notification,
  #feed-ticker,
  #top-menu,
  .vote-revision td,
  .topbar-dialog .unread-item,
  .privileges-wrapper .stroke,
  .progress-bar .bar {
    background: #404040 !important;
  }

  tr.comment:hover,
  .reply-parent,
  .timestamp,
  .usercard,
  .comment-help,
  .answer-help-background,
  .mdhelp-tabs,
  .tabs li,
  .hi,
  .seNavLinks a:hover,
  .seNavLinks a:focus,
  .itemBoxNew,
  .pagination a.current,
  .pagination a.selected,
  .pagination a:hover,
  .wb-wearing,
  .impact-card hr,
  .MathJax_MenuActive {
    background-color: #444 !important;
    color: #ddd !important;
  }

  .page-numbers.current {
    background: #444 !important;
  }

  .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, 0.8) !important;
  }
  #chat .messages .mention {
    background: #666 !important;
  }

  #post-text-container div span {
    background: #c1beba !important;
  }
  .-logo img {
    background: #fff !important;
  }

  .sidebar-element .list li .rep-and-badges:before {
    background: linear-gradient(270deg, #333, rgba(51, 51, 51, 0));
  }

  /* === Brown(ish) === */
  .new-post-activity,
  #new-answer-activity,
  .val-info,
  .highlight,
  a.youarehere:before,
  .message.regular,
  .filter-dashboard-edit .floating-help,
  .review-post-author-guidance {
    background-color: rgba(51, 34, 17, 0.4) !important;
  }
  pre .spaces,
  .message.message-warning {
    background-color: #321 !important;
    color: #eee !important;
  }
  .message.message-warning .message-tip-left-top:before {
    border-top-color: #321 !important;
  }

  /* chat room buttons */
  a.button {
    background: #840 !important;
    color: #eee !important;
  }

  /* === Green === */
  .accepted-answer,
  .suggested-edit .inserted,
  .markdown-diff .inserted,
  .rep-increase,
  .progress-bar .percent,
  .recommended,
  .vote.accepted,
  .suggested-edit .inserted > div,
  .full-diff .inserted > div,
  .message.success,
  .p-highlights .-rep-increase,
  .s-progress-bar .-fill,
  .answerBox.accepted {
    background: #232 !important;
  }

  span.diff-add {
    background: #3f4e1d !important;
    color: #92cc09 !important;
  }
  .topbar-dialog.achievements-dialog .rep-up,
  .-activity .-stat.answered {
    color: #92cc09 !important;
  }

  .answered,
  .answer-votes,
  .answered .vote-count-post {
    background: #232323 !important;
    color: #4b553c !important;
  }
  .user-show-new .user-rep .rep-amount .rep-up,
  .-stats.rep-up {
    color: #4b553c !important;
    border-color: #4b553c !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: #4b553c !important;
    color: #fff !important;
  }

  .answered strong,
  .user-show-new .user-rep-full .rep-up {
    color: #4b553c !important;
  }

  .vote-count-post [style="color:green"] {
    color: green !important;
  }

  /* === Red === */
  .deleted-answer,
  .suggested-edit .deleted,
  .markdown-diff .deleted,
  .suggested-edit .deleted > div,
  .full-diff .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;
  }
  .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, 0.4) !important;
  }
  /* Mobile */
  .-summary .-votes,
  .deleted-answer .votes {
    background-color: rgba(214, 217, 220, 0.2) !important;
  }

  span.diff-delete {
    background-color: #400f00 !important;
    color: #ff4a15 !important;
  }

  .summary a.moderator-tag,
  .btn._google {
    background-color: #400 !important;
  }

  .summary a.moderator-tag:hover {
    background-color: #600 !important;
  }

  .vote-count-post [style="color:maroon"] {
    color: maroon !important;
  }

  /* === Transparent background === */
  div.message .meta,
  .spaces,
  .comment,
  span.feed-icon,
  a.role-switch,
  .nav.careers li,
  .nav.careers li:hover,
  .switcher-nudge-content p,
  #content,
  #tabs a,
  .tabs a,
  #chat .username,
  #chat .messages,
  .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),
  .tag-filter-isany,
  .col-section.expanded,
  .timeline-mine header,
  .timeline-sidebar header,
  .sidebar-profile.is-visible,
  .cv-section,
  .cv-story .avatar-wrapper,
  .btn-clear,
  .header-edit-section,
  .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 {
    background-color: transparent !important;
  }

  #tabs a:hover,
  .tabs a:hover {
    background-color: #191919 !important;
    border: 1px solid #444 !important;
    border-bottom-color: transparent !important;
  }

  .highcharts-container rect[fill="#FFFFFF"],
  rect[fill="rgb(255, 255, 255)"] {
    fill: transparent !important;
  }
  .spoiler,
  .spoiler * {
    color: transparent !important;
  }
  .spoiler:hover,
  .spoiler:hover * {
    color: inherit !important;
  }

  /* === Dark border === */
  .body-diffs table * {
    border-color: #111 !important;
  }

  .s-progress-bar .-bar:before,
  .s-progress-bar .-bar:after {
    border-top-color: #222 !important;
    border-bottom-color: #222 !important;
  }
  .search-form .job-alert-tooltip:after {
    border-top-color: #222 !important;
  }

  .welovestackoverflow,
  .question-summary,
  .subheader,
  .company-module .-details strong:before,
  .bc-black-1 {
    border-color: #333 !important;
  }

  a.required-tag,
  .topbar-dialog.feature-notice-dialog:before,
  .site-footer .-link._expandable:after,
  .bc-black-2 {
    border-color: #555 !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 {
    border-bottom-color: #4183c4 !important;
  }
  .left-arrow,
  .timeline-item:nth-child(odd):after {
    border-right-color: rgba(119, 119, 119, 0.4) !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, 0.4) !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: #4183c4 !important;
  }
  .nav-left-col .is-active,
  .nav-links .youarehere .nav-links--link {
    border-right-color: #4183c4 !important;
  }

  /* === No/hide border === */
  div.list > div {
    border-right: 0 !important;
  }
  .module,
  .tabs a,
  div.message,
  .full-diff td,
  .wb-outer:not(.wb-selected),
  .page-numbers.dots,
  .p-top-tags .badge-tag,
  .page-numbers.desc,
  .intellitab:not(.selected) a,
  #sub-navs .menu-item .menu-switcher,
  .input-group .-fill._clean {
    border-color: transparent !important;
  }
  .left-arrow,
  .right-arrow {
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
  }
  div.message:hover,
  .timestamp:hover + div.message {
    visibility: inherit;
    border: 1px dotted #333;
  }

  /* 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 {
    background: #046 !important;
    color: #ccc !important;
    border: 1px solid #135 !important;
  }
  .hero-box,
  .filter-show-more {
    background: #182030 !important;
  }
  .review-actions input,
  .btn,
  .chosen-choices .search-choice,
  .topbar-dialog a.btn-secondary,
  .filter-dashboard,
  input[type="submit"],
  .bg-blue-500,
  .s-btn.s-btn__filled {
    background: #182030 !important;
    color: #ccc !important;
    border: 1px solid #135 !important;
  }
  .review-actions input:hover,
  .btn: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: #273045 !important;
  }
  .s-hero {
    background-image:
      url(https://cdn.sstatic.net/img/hero/pattern.svg),
      linear-gradient(to right, #121723 0, #182030 100%) !important;
  }
  .s-hero:after {
    background: #182030 !important;
  }

  /* === Text Color === */
  div,
  input,
  .accepted-answer .post-text,
  .accepted-answer .user-action-time,
  #question-header a,
  .post-text,
  .user-info,
  .topbar-dialog .header h3,
  .topbar-dialog .header h3 a,
  .topbar-dialog span,
  .search-result .answered .vote-count-post strong,
  .votes-cast-stats th,
  .subheader h1,
  .vote.accepted,
  .message.message-config h1,
  .message.message-config h2,
  .message.message-config h3,
  .message.message-config h4,
  .spoiler:hover,
  .company-module a:hover *,
  .search-form .label,
  .search-form label,
  .list.companies p,
  #snpte-button-run,
  .comment-link,
  .timeline .header h4,
  .-title,
  #profile-side #side-menu a:hover,
  .-rep,
  .-total,
  .-list-item .-description,
  .message.message-error a,
  .chosen-container .chosen-results li,
  .salary-calc-inputs span,
  .salary-survey-dialog .header h3,
  .title-banner h1,
  .salary-results-container h1,
  .topbar-dialog h4,
  .label-key > b,
  .heading,
  .module h3,
  .badge-tag,
  .s-label,
  .-link__with-icon:hover .svg-icon,
  .youarehere a,
  .youarehere .svg-icon,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .tour-bubble p {
    color: #ddd !important;
  }
  /* patch for hint text of SurfingKeys browser extension */
  #sk_hints div {
    color: #000 !important;
  }

  /* placeholder */
  ::-webkit-input-placeholder {
    color: #ddd !important;
  }
  ::-moz-placeholder {
    color: #ddd !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,
  .nav-links a.nav-links--link:hover {
    color: #c1beba !important;
  }
  .comment,
  #top-menu a,
  .subheader a,
  .reputation a,
  .reputation-score,
  .relativetime.old,
  .votes-cast-stats td,
  .mini-counts span,
  #chat .system-message,
  .card .rep,
  a.badge,
  a.badge-tag,
  .user-card .user-stats .number,
  .user-card .user-card-name,
  a.question-hyperlink:hover,
  a.answer-hyperlink:hover,
  .cv-story .time-frame,
  .-list-item.is-completed .-description,
  .s-footer .-toc th,
  .event-count,
  .post-timeline td,
  .post-timeline th,
  #side-menu ul .category {
    color: #aaa !important;
  }
  .ob-post-tag,
  .ob-user-tag,
  .deleted-answer .util-bar a,
  .nav-links--link {
    color: #999 !important;
  }

  .nav-links .youarehere .nav-links--link .svg-icon,
  .nav-links .fc-medium {
    color: #666 !important;
  }

  .comment-up-off,
  .comment-flag,
  .comment-flag-off {
    color: #444 !important;
  }

  .answered-accepted strong,
  .youarehere,
  .nav .primarynav li a,
  .nav a,
  a:hover,
  .rep-up.special-rep,
  .pac-item-query,
  #content .salary-subheader,
  .salary-skill-legend-li .-score,
  header.job-details--header a {
    color: #fff !important;
  }

  input,
  .actual-edit-overlay {
    -webkit-text-fill-color: #fff !important;
  }

  .post-text a:visited,
  .comment-text a:not(.comment-user):visited,
  #chat-body .content a:visited,
  .question-hyperlink:visited,
  .answer-hyperlink:visited,
  #hot-network-questions ul a:visited {
    color: #4183c4 !important;
  }

  .rep-up {
    color: #4b553c !important;
    filter: brightness(140%) !important;
  }

  .rep-down,
  .user-show-new .user-rep .rep-down {
    color: #d65 !important;
    filter: brightness(140%) !important;
  }

  .comment-flag-on,
  .comment-flag:hover,
  .flag-on {
    color: #622 !important;
  }

  /* dark blue */
  .result-highlight {
    color: #aa0 !important;
  }

  /* brown/dark orange */
  .warm {
    color: #840 !important;
  }
  #profile-summary > .-popout._incomplete {
    border-color: #840 !important;
  }

  /* orange */
  .hot {
    color: #a20 !important;
  }

  /* light brown */
  .unanswered {
    color: #9a4444 !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;
  }

  .form-item {
    padding-left: 20px !important;
  }

  .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;
  }

  /* scroll bar */
  ::-webkit-scrollbar {
    max-width: 10px !important;
    max-height: 10px !important;
    background: #1d1d1d !important;
  }
  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-corner {
    background: #1d1d1d !important;
  }
  ::-webkit-scrollbar-thumb {
    background: rgba(175, 175, 175, 0.5) !important;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: rgba(65, 131, 196, 0.8) !important;
    background: rgba(65, 131, 196, 0.8) !important;
  }

  /* === badges === */
  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;
  }
  .badge-tag,
  a.tag,
  .ob-post-tag,
  .ob-user-tag,
  .events-tooltip {
    background-color: #191919 !important;
    border-color: #111 !important;
  }
  .badge3-alternate,
  .progress-bar.badge-3 .bar .percent,
  .s-progress-bar._badge._badge3 .-fill,
  .badge-wrapper._badge3 {
    background-color: #7c4318 !important; /* bronze */
  }
  .badge2-alternate,
  .progress-bar.badge-2 .bar .percent,
  .s-progress-bar._badge._badge2 .-fill,
  .badge-wrapper._badge2 {
    background-color: #464a4f !important; /* silver */
  }
  .badge1-alternate,
  .progress-bar.badge-1 .bar .percent,
  .s-progress-bar._badge._badge1 .-fill,
  .badge-wrapper._badge1 {
    background-color: #957000 !important; /* gold */
  }

  /* === Images === */
  .wmd-button > span {
    background-image: url(data:image/svg+xml;base64, ) !important;
  }

  #hlogo img,
  .everyonelovesstackoverflow,
  button[disabled],
  input[disabled] {
    opacity: 0.3 !important;
  }
  .everyonelovesstackoverflow:empty {
    display: none !important;
  }

  #hlogo a,
  #footer-logo {
    background-repeat: no-repeat !important;
  }

  #footer-logo {
    background-size: contain !important;
  }

  #header-logo img,
  #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 {
    -webkit-filter: invert(100%) !important;
    filter: invert(100%) !important;
  }
  .collection img,
  .salary-survey-sidebar .header-img,
  #post-job .header-img {
    filter: invert(80%) hue-rotate(180deg);
  }

  .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, 0.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;
  }
  .dropdown:before {
    filter: invert(76%) !important;
    -webkit-filter: invert(76%) !important;
  }
  /* documentation editing icons */
  .docs-menu a {
    -webkit-filter: brightness(200%) !important;
    filter: brightness(200%) !important;
  }
  .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) {
    background: #333 !important;
  }
  .prettyprint code {
    background: transparent !important;
  }
  /* accepted answer code blocks */
  .accepted-answer pre,
  .accepted-answer code,
  .accepted-answer pre.prettyprint,
  .accepted-answer .prettyprint .pln,
  .accepted-answer .youarehere,
  .accepted-answer pre:not(.prettyprint) {
    background: #202a20 !important;
  }

  /*! Desert */
  pre.prettyprint {
    display: block;
    background-color: #333 !important;
    line-height: 1.4em !important;
  }
  pre .nocode {
    background-color: none !important;
    color: #000 !important;
  }
  code .str,
  pre .str {
    color: #ffa0a0 !important;
  }
  code .kwd,
  pre .kwd {
    color: khaki !important;
    font-weight: 700 !important;
  }
  code .com,
  pre .com {
    color: #87ceeb !important;
  }
  code .typ,
  pre .typ {
    color: #98fb98 !important;
  }
  code .lit,
  pre .lit {
    color: #cd5c5c !important;
  }
  code .pun,
  pre .pun {
    color: #fff !important;
  }
  code .pln,
  pre .pln {
    color: #fff !important;
  }
  code .tag,
  pre .tag {
    color: khaki !important;
    font-weight: 700 !important;
  }
  code .atn,
  pre .atn {
    color: #bdb76b !important;
    font-weight: 700 !important;
  }
  code .atv,
  pre .atv {
    color: #ffa0a0 !important;
  }
  code .dec,
  pre .dec {
    color: #98fb98 !important;
  }
  ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #aeaeae;
  }
  li.L0,
  li.L1,
  li.L2,
  li.L3,
  li.L5,
  li.L6,
  li.L7,
  li.L8 {
    list-style-type: none !important;
  }
  @media print {
    pre.prettyprint {
      background-color: none !important;
    }
    code .str,
    pre .str {
      color: #060 !important;
    }
    code .kwd,
    pre .kwd {
      color: #006 !important;
      font-weight: 700 !important;
    }
    code .com,
    pre .com {
      color: #600 !important;
      font-style: italic !important;
    }
    code .typ,
    pre .typ {
      color: #404 !important;
      font-weight: 700 !important;
    }
    code .lit,
    pre .lit {
      color: #044 !important;
    }
    code .pun,
    pre .pun {
      color: #440 !important;
    }
    code .pln,
    pre .pln {
      color: #000 !important;
    }
    code .tag,
    pre .tag {
      color: #006 !important;
      font-weight: 700 !important;
    }
    code .atn,
    pre .atn {
      color: #404 !important;
    }
    code .atv,
    pre .atv {
      color: #060 !important;
    }
  }
}

[qb-domain="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: #4183c4 !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 {
    color: #888 !important;
  }
  .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,
  .filters-sidebar .filters ul li.current .filter-unread-count {
    background: #182030 !important;
  }
  /* end blog.stackexchange.com */
  /* chat.stackexchange.com */
  .event-banner {
    background-color: #222 !important;
    border-color: #555 !important;
  }
  /* end chat.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 td,
  table td p {
    background: transparent !important;
    color: #ddd !important;
  }
  table td a[href*="questions/tagged"] {
    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;
  }

  /* target sites to *NOT* hide the header background */
  #header,
  #hmenus {
    background-color: transparent !important;
  }
  #header {
    background-image: none !important;
  }
}

[qb-domain="tex.stackexchange.com"] {
  /* target sites that need an inverted header */
  #header,
  #header > * {
    -webkit-filter: invert(100%) !important;
    filter: invert(100%) !important;
  }
}

[qb-domain="stackoverflow.com"] {
  #hlogo a {
    background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important;
  }
  .-logo > .-img {
    background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important;
    background-size: cover !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;
  }
}

[qb-domain="chat.stackoverflow.com"] {
  /* chat.stackoverflow.com */
  #hlogo a {
    background-image: none !important;
  }
  #header-logo,
  #footer-logo {
    background-image: url(https://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important;
  }
  #header-logo {
    background-size: contain !important;
  }
}

[qb-domain="askubuntu.com"] {
  #header {
    background-image: none !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: #4183c4 !important;
  }
}

[qb-domain="english.stackexchange.com"] {
  /* english language & usage */
  .post-signature.owner {
    background-image: none !important;
  }
}
