MDN Dark Theme

mdn-clear-dark.css

@-moz-document domain("developer.mozilla.org") {
main {
  background: #000;
}

html {
  color: #fff;
}

.titlebar-container {
  background: #000;
  border-bottom: solid 1px #333;
  border-top: solid 1px #333;
}

.document-toc {
  background: #000;
  border: solid 1px #222;
}

.quick-links .toggle summary {
  color: #fff;
}

.title {
  color: #fff;
}

.text-content table.fullwidth-table td.header, .text-content table.fullwidth-table th {
  background: #121212;
  border: 1px solid #333;
}

.text-content table.fullwidth-table td {
  border: 1px solid #333;
  background: #222;
}

kbd {
  background: #111;
  border: 1px solid #222;
  box-shadow: 0 1px 1px #333,0 2px 0 0 #333 inset;
  color: #fff;
  padding: 5px;
}

.breadcrumbs li a.crumb-current-page:link, .breadcrumbs li a.crumb-current-page:visited {
  color: #faf;
}

.breadcrumbs li .breadcrumb-chevron::after {
  color: #fff;
}

.full-width-row-container {
  border-bottom: solid 1px #333;
}

.button, button, input[type="button"], input[type="submit"] {
  background: #111;
  color: #fff;
  border: 1px solid #444;
}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="text"], input[type="url"], textarea {
  background: #000;
  border: 1px solid #444;
  color: #fff;
}

.dropdown-container .dropdown-menu-label {
  color: #fff;
}

.draft, .indicator-warning, .note, .notice, .prefixBox, .privilegedBadge, .renamed, .secureContexts, .todo, .translationInProgress, .warning.warning-review {
  background: #ce7300;
}

a {
  color: #80ccec;
}

#react-container {
  background: #000;
}

.main-nav li ul {
  background: #000;
}

@media (min-width: 47.9385em) {
  .main-nav li ul {
    border: 1px solid #222;
  }
}

.main-nav .top-level-entry-container button {
  border: 1px solid #444;
  border-radius: 5px;
}

.header-search .search-icon {
  fill: #fff;
}

.header-search {
  border: 2px solid #444;
}

.header-search input.search-input-field {
  color: #fff;
}


}