mozilla_dark.css

@-moz-document domain("bugzilla.mozilla.org"), domain("support.mozilla.org"), domain("wiki.mozilla.org"), domain("developer.mozilla.org")
{

  /*! Copyright (c) 2017 overdodactyl
      License:    https://creativecommons.org/licenses/by-sa/4.0/

      Design inspiration and color scheme (including background pattern) come from
      GitHub-Dark: https://github.com/StylishThemes/GitHub-Dark
      License:    https://creativecommons.org/licenses/by-sa/4.0/
  */
  #header,
  #header .inner {
      background-color: #111!important;
      color: silver!important
  }
  #attachments .attach-time,
  #attachments .flag-name-status,
  #bugzilla-body,
  #header .icon,
  #header a,
  #header a:hover,
  #header a:visited,
  .field_label a,
  .field_label b,
  a.activity-ref {
      color: silver!important
  }
  #mode-container .button-row {
      border-left: 5px solid #181818!important
  }
  #search-nav,
  .activity,
  .comment-text,
  .text_input,
  .yui-ac-input,
  input:not([type]),
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=text],
  input[type=url],
  select[multiple],
  textarea {
      background: #181818!important;
      color: silver!important
  }
  .comment-text span.quote,
  .comment-text span.quote_wrapped {
      background: #141414!important;
      color: silver!important
  }
  #attachments .attach-patch .attach-desc-td,
  #product,
  .module-content,
  .mozreview-requests,
  select {
      background: #181818!important;
      color: silver!important
  }
  .tabs td {
      background: 0 0!important
  }
  .tabs a {
      color: silver!important
  }
  #summary_field.search_field_row,
  .module-latch,
  .tabbody,
  .tabs td.selected{
      background: #202020!important;
      color: silver!important;
      border: 1px solid
  }
  .change-head {
      background: #202020!important;
      color: silver!important
  }
  #header-login .mini-popup {
      background-color: #111!important
  }

  #header-login .mini-popup input,
  .text_input,
  .yui-ac-input,
  input:not([type]),
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=text],
  input[type=url],
  select[multiple],
  textarea {
      background: #111;
      color: silver!important
  }
  #header .dropdown-content,
  .autocomplete-suggestion,
  .yui3-skin-sam .yui3-datatable-table {
      background: #202020!important;
      color: silver!important
  }
  .bz_row_odd,
  .throw_error {
      background-color: #202020!important;
      color: silver!important
  }
  .bz_row_even {
      background-color: #111!important;
      color: silver!important
  }
  .bz_critical {
      color: red!important
  }
  ul.product-list > li {
      background: #181818!important;
      color: silver!important
  }
  button.minor,
  .button, button, input[type="submit"], input[type="button"] {
      background: #181818!important;
      color: silver!important;
      border: 1px solid #444!important
  }
  .yui3-skin-sam .yui3-datatable-even .yui3-datatable-cell,
  .yui3-skin-sam .yui3-datatable-message-content {
      background-color: #181818!important
  }
  .yui3-skin-sam .yui3-datatable-odd .yui3-datatable-cell {
      background-color: #222!important
  }
  #yui_3_17_2_1_1514733655300_178 .yui3-datatable-columns {
      background-color: #181818!important
  }
  .yui3-skin-sam .yui3-datatable-header {
      background: #202020!important;
      color: silver!important
  }
  .yui3-skin-sam .yui3-datatable-sort-indicator {
      filter: invert(65%)!important
  }
  .bz_comment_text {
      background: #333!important
  }
  .query_description,
  .query_heading {
      color: #d7d7db!important
  }
  th.sorted_0,
  th.sorttable_sorted,
  th.sorttable_sorted_reverse {
      background: #222!important;
      border-left: 1px solid #444!important;
      border-top: 1px solid #444!important;
      border-right: 1px solid #444!important
  }
  .bz_sort_order_primary {
      color: #0095dd!important
  }
  th.sorted_1,
  th.sorted_2,
  th.sorted_3,
  th.sorted_4,
  th.sorted_5,
  th.sorted_6 {
      background: 0 0!important
  }
  body > header {
      background-color: #111!important
  }
  #aux-nav > ul > li > a,
  #aux-nav > ul > li > a:visited,
  #aux-nav > ul > li > span {
      color: #4183c4!important
  }
  #support-search .searchbox {
      background: #111!important;
      border: 1px solid #484848!important;
      border-radius: 0!important
  }
  .answers .answer-tools > form .btn,
  .answers .question-tools .btn,
  .answers .question-tools .me-too .btn {
      background: #111!important;
      border: 1px solid #484848!important;
      border-radius: 0!important;
      color: #fff!important;
      padding: 2px 10px
  }
  .feature-box {
      background: #111!important;
      border: 1px solid #484848!important;
      border-radius: 1px!important;
      color: #fff!important
  }
  .answers .user-meta .asked-by .karma-titles li {
      background: 0 0!important
  }
  #doc-content tr:nth-child(2n+1),
  .answers .main-content .content blockquote {
      background: #333!important
  }
  .answers .main-content::before {
      display: none!important
  }
  body > header .logo {
      filter: invert(65%)!important
  }
  .breadcrumbs,
  body {
      color: #ddd!important;
      border-bottom: none!important;
      border-right: none!important;
      border-left: none!important;
      background: 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==) left top #191919!important
  }
  .breadcrumbs #breadcrumbs > li {
      float: left;
      margin: 0 6px 0 0;
      color: #ddd!important
  }
  .breadcrumbs::after {
      background: 0 0!important
  }
  .answers .main-content,
  .content-box,
  .hero-bar,
  .questions > section,
  article {
      background: #181818 !important;
      border: 1px solid #444 !important;
      border-radius: 2px !important;
  }
  .card-grid > li::before {
      background: #232323!important;
      color: #ddd!important
  }
  .sidebar-nav.sidebar-folding.tight > li > a,
  .sidebar-nav.sidebar-folding.tight > li > a:visited,
  .sidebar-nav.sidebar-folding.tight > li > span,
  .vote-wrap {
      background: #111!important;
      color: #fff7f0!important
  }
  .questions #owner-tabs a.selected,
  .questions #owner-tabs a:hover.selected {
      background: #222!important;
      color: #e2e2e2!important;
      border-top: 1px solid!important;
      border-left: 1px solid!important;
      border-right: 1px solid!important;
      font-weight: 700!important
  }
  .questions #filter-section {
      display: none!important
  }
  .card-grid > li {
      background: #444!important
  }
  #help-topics .card-grid > li > a .title,
  #help-topics .card-grid > li > a:visited .title,
  #product-cards a,
  #product-cards a:visited,
  #product-picker > li > a,
  #product-picker > li > a:hover,
  #product-picker > li > a:visited {
      color: #ddd!important
  }
  #doc-content .button,
  #doc-content .key,
  #doc-content .menu,
  .sidebar-nav > li > a,
  .sidebar-nav > li > a:visited,
  .sidebar-nav > li > span,
  .sidebar-nav > li.selected > a,
  .sidebar-nav > li.selected > a:hover,
  .sidebar-nav > li.selected > a:visited,
  .sidebar-nav > li.selected > span,
  .sidebar-nav.topics > li > ul > li > a,
  .sidebar-nav.topics > li > ul > li > a:visited,
  input[type=date],
  input[type=email],
  input[type=password],
  input[type=text],
  input[type=url],
  textarea {
      background: #111!important;
      color: #fff7f0!important
  }
  .sidebar-nav > li.selected > a::before,
  .sidebar-nav > li.selected > span::before {
      filter: invert(65%)!important
  }
  #aux-nav > ul > li > a:hover,
  #doc-content #toc,
  #doc-content .note,
  #doc-content .warning,
  #doc-content .warning-box {
      background: #333!important
  }
  #document-list .topic-list {
      background: 0 0!important
  }
  footer {
      background: rgba(0, 0, 0, .4)!important
  }
  * {
      text-shadow: none!important;
      box-shadow: none!important;
      border-color: #444!important
  }
  body,
  div.vectorTabs li.new a,
  div.vectorTabs span > a {
      background: 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==) left top #191919!important;
      color: silver!important
  }
  div.vectorTabs li.new a,
  div.vectorTabs li.new a:visited,
  div.vectorTabs span > a {
      border-bottom: 1px solid #444!important;
      margin-top: -1px!important
  }
  .mw-wiki-logo {
      filter: invert(100%)!important
  }
  a {
      color: #4183c4!important
  }
  .huge,
  .large,
  .mw-body p,
  .mw-content-ltr,
  div#content #firstHeading,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  li,
  legend,
  div#bodyContent {
      color: silver!important
  }
  .mw-body {
      background: #181818!important
  }
  #mw-content-text > div:nth-child(1) > div:nth-child(1),
  #mw-content-text > div:nth-child(1) > div:nth-child(2),
  #mw-content-text > div:nth-child(2) > div:nth-child(1),
  #mw-content-text > div:nth-child(2) > div:nth-child(2),
  #toc,
  .mw-code,
  .toc,
  pre,
  .catlinks {
      background: #242424!important;
      color: silver!important;
      border-radius: 4px!important
  }
  #editform,
  #toolbar,
  #wpTextbox1 {
      border: 1px solid #444!important;
      background: #242424!important;
      color: silver!important
  }
  div#simpleSearch #searchInput,
  html[data-ffo-opensans="false"]:not(.no-js) button,
  #main-q {
      background: #181818!important;
      border: 1px solid #444!important;
      color: silver!important
  }
  div.vectorTabs li.selected a {
      color: #4183c4!important;
      background: #222!important;
      border-top: 1px solid #444!important;
      border-left: 1px solid #444!important;
      border-right: 1px solid #444!important;
      border-bottom: none!important
  }
  div.vectorTabs {
      background-image: none!important
  }

  .home-hacks {
      background: #181818 !important;
      border: 1px solid #444 !important;
      border-radius: 4px !important;
  }
  .search-form > input#home-q, .search-form > input#search-q,
  .newsletter-box {
      background: #181818 !important;
      border: 3px solid #444 !important;
      border-radius: 4px !important;
  }

  .callout-newsletter .newsletter-form,
  .callout-newsletter .newsletter-thanks {
      background: #181818 !important;
      border: 1px solid #444 !important;
  }

  .submenu {
      background: #242424 !important;
  }

  html, main,
  .communitybox,
  .document-head {
      background: transparent !important;
  }

  .text-content p {
      padding-left: 10px !important;
  }
  article > .summary:first-child, article > div:first-child:empty + .summary, article > p:first-child:empty + .summary {
      padding-top: 5px !important;
  }
  body .topicpage-table .section:first-child, body .topicpage-table td:first-child, body .topicpage-table th:first-child {
      padding-left: 10px !important;
  }
  :not(pre) > * > code, :not(pre) > code {
      background-color: #242424 !important;
  }
  #wikiArticle {
      padding-left: 10px !important;
      padding-right: 10px !important;
  }
  ul.tags li {
      background: #242424 !important;
      border: 1px solid #444 !important;
  }
  .nav-main-item > a:focus, .nav-main-item > a:hover {
      background-color: #242424 !important;
      color: #333;
  }
  .highlight, .highlight .highlight-span, .text-content h3, .text-content h3 .highlight-span, .text-content h5, .text-content h5 .highlight-span {
      background-color: transparent !important;
  }
  .text-content code[class*="language-"], .text-content pre[class*="language-"] {
      color: #ccc !important;
      text-shadow: none;
  }
  .text-content article[id="wikiArticle"] > .summary + h2, .text-content article[id="wikiArticle"] > blockquote + h2, .text-content article[id="wikiArticle"] > hr + h2 {
      background-color: transparent !important;
  }
  .draft, .note, .notice, .prefixBox,
  .privilegedBadge, .renamed, .secureContexts,
  .todo, .translationInProgress,
  .warning.warning-review,
  .deprecated, .deprecatedBadge, .nonStandard,
  .nonstandardBadge, .obsolete, .obsoleteBadge, .unimplemented,
  .unimplementedBadge, .warning,
  .moreinfo,
  .text-content table.standard-table:not(.learn-box) td.header,
  .text-content table.standard-table:not(.learn-box) th,
  .text-content table.standard-table:not(.learn-box) td {
      background: #242424 !important;
  }

  .zone-subnav-container {
      background: #181818;
  }

  .wiki-promo-sauce-labs,
  .text-content thead th {
      background-color: #242424 !important;
  }
  .subnav .toggleable.current, .subnav > ol > li.current {
      background: #181818 !important;
  }
  .communitymailinglist a {
      color: silver !important;
  }
  table.webext-summary-compat-table td.full-support {
      background-color: darkgreen !important;
  }
  table.webext-summary-compat-table td.no-support {
      background-color: darkred !important;
  }
}