docs.npmjs.com dark theme by forivall

/* ==UserStyle==
@name           docs.npmjs.com dark theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Dark theme for npm docs
@preprocessor   less
==/UserStyle== */

@-moz-document url-prefix("https://docs.npmjs.com/") {
  body, body [class^=BaseStyles] {
    background-color: hsl(0, 0%, 12%);
    color: hsl(0, 0%, 100%);
  }

  a {
    color: hsl(358, 70%, 60%);
  }
  a[class*=nav-items__ThirdLevelLink] {
    color: hsl(212, 97%, 70%);
  }

  code {
    color: hsl(0, 0%, 75%);
  }

  pre code, code[class^=inline-code] {
    background-color: hsl(0, 0%, 24%);
  }
  [style="color: rgb(57, 58, 52); background-color: rgb(246, 248, 250);"] {
    color: hsl(70, 5%, 92%) !important;
    background-color: hsl(210, 29%, 17%) !important;
  }
  .bdVWRk, .iBGGvx {
    border-color: hsl(210, 18%, 27%);
  }
  [style="color: rgb(57, 58, 52);"] {
    color: hsl(70, 5%, 92%) !important;
  }
  [style="color: rgb(0, 0, 159);"] {
    color: hsl(240, 100%, 75%) !important;
  }
  [style="color: rgb(215, 58, 73);"] {
    color: hsl(354, 66%, 64%) !important;
  }

  .header {
    background: hsl(0, 0%, 18%);
    border-top: 3px solid hsl(358, 60%, 50%);
  }

  footer p {
    color: hsl(0, 0%, 60%);
  }
  .cOxYrB, .hmqUJT {
    border-color: hsl(214, 7%, 28%);
  }

  .faint {
    opacity: 0.8;
  }

  .note {
    background: hsl(0, 0%, 16%);
    border: 2px solid hsl(40, 100%, 70%);
    border-radius: 2px;
  }

  .category-articles .subtitle {
    color: hsl(0, 0%, 90%);
  }

  .cli-article .subtitle {
    color: hsl(0, 0%, 90%);
  }
  
  div[color="gray.8"] {
    color: hsl(210, 13%, 79%);
    background-color: hsl(210, 2%, 17%);
  }
  a[class^="nav-items"].active {
    color: hsl(210, 13%, 79%);
  }

  :root {
    scrollbar-color: rgba(175, 175, 175, 0.5) hsl(0, 0%, 10%) !important;
    scrollbar-width: thin !important;
  }
  
  [data-component="ActionList.Item--DividerContainer"] > div[class^="Box-sc-"] {
    color: hsl(0, 0%, 90%);
  }
  li[class^="Item__LiBox-sc-"] {
    color: hsl(213, 13%, 84%);
    @media (hover: hover) and (pointer: fine) {
      &:hover, &:hover:not([aria-disabled]) {
        background-color: hsla(210, 18%, 34%, .32);
        color: hsl(213, 13%, 94%);
      }
    }
  }
  .jeDPMz, .kIxRcv, .kYYBEJ, [class^="Breadcrumbs__BreadcrumbsItem-sc-9m4wsf-2"] {
    color: hsl(0, 100%, 70%);
    text-decoration: none;
  }
  .cXNvHC {
    border-color: hsla(213, 13%, 84%, .15)
  }
  .eGJTdq, .ehWJuQ {
    background-color: hsla(210, 18%, 34%, .48);
  }
  .cmmaPQ:not(:first-of-type) {
    --divider-color: hsla(210, 18%, 34%, .48);
  }
  .eNbdhv, [class^="components__StyledNote"] {
    border-color: hsla(208, 100%, 66%, .4);
    border-left-color: hsla(208, 100%, 66%, .4);
    background-color: hsl(199, 100%, 18%);
  }
  .eibuQP {
    color: hsl(212, 8%, 63%);
  }
}