npmjs.com Dark Theme w Syntax Highlighting, inc. Home and Help. by briancarnold

/* ==UserStyle==
@name         npmjs.com Dark Theme w Syntax Highlighting, inc. Home and Help.
@version      202200615.20.58
@namespace    userstyles.world/user/briancarnold
@description  Much needed dark theme for npmjs.com. Includes dark theme for code boxes. Turn out the lights when reading npmjs documentation. Derived from the work by hypnojerk
@author       briancarnold
@license      No License
==/UserStyle== */

@-moz-document domain("npmjs.com") {
html,body,main {
    background-color: black !important;
    color: lightgray !important;
}
header,
header>div,
.bg-white
{
    background-color: #111 !important;
    color: lightgray !important;
}
    a, .black-80 {
        color: lightgray !important;
    }
form#search div{
    background-color: black;
    color: lightgray;
}
strong {
    color: lightgray;
}
.black {
    color:lightgray !important;
}
main#main article .markdown,
.markdown p,
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5 {
    color: lightgray !important;
}
p,
h1,
h2,
h3,
h4,
h5 {
    color: lightgray !important;
}
.markdown p, .markdown li{
    color: #e6cdea;
}
.markdown strong {
    color: #ff00f5;
}
.fdbf4038 p {
    color: lightgray;
}
p>a,
p>a>span {
    color: #5757fb;
}
p>a:visited{
    color: #9b5df0;
}

.link, .link:active, .link:focus, .link:hover, .link:link, .link:visited {
    color: #5757fb;
}
span>svg>g{
    fill: #7400a8;
}
p>code{
    background-color: #3c3c3c !important;
    color: #ff00f5;
}

div#readme>pre code,
div#readme>pre,
div.highlight,
div.highlight > pre{
    background-color: #1d1f21 !important;
    color: lightgray;
}

._24a1e9c7 {
    background-color: #622473 !important;
}



.pl-c /* comment, punctuation.definition.comment, string.comment */ {
  color: #959da5 !important;
}

.pl-c1 /* constant, entity.name.constant, variable.other.constant, variable.language, support, meta.property-name, support.constant, support.variable, meta.module-reference, markup.quote, markup.raw, meta.diff.header */{
    color: #1da3ee;
}
.pl-s .pl-v /* string variable */ {
  color: #c8e1ff !important;
}

.pl-e /* entity */,
.pl-en /* entity.name */ {
  color: #b392f0 !important;
}

.pl-kos {
    color: #c800ff;
}

.pl-smi /* variable.parameter.function, storage.modifier.package, storage.modifier.import, storage.type.java, variable.other */,
.pl-s .pl-s1, /* string source */
.pl-s1 {
  color: #f983f4 !important;
}

.pl-ent /* entity.name.tag */ {
  color: #7bcc72 !important;
}

    
.keyword, .pl-k /* keyword, storage, storage.type */ {
  color: #ea4a5a !important;
}

.pl-s /* string */{
    color: lightgray;
}
.punctuation, .pl-pds /* punctuation.definition.string, source.regexp, string.regexp.character-class */,
.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
.pl-sr /* string.regexp */,
.pl-sr .pl-cce /* string.regexp constant.character.escape */,
.pl-sr .pl-sre /* string.regexp source.ruby.embedded */,
.pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */ {
  color: #79b8ff !important;
}

.pl-v /* variable */,
.pl-ml /* markup.list, sublimelinter.mark.warning */ {
  color: #fb8532 !important;
}

.pl-bu /* invalid.broken, invalid.deprecated, invalid.unimplemented, message.error, brackethighlighter.unmatched, sublimelinter.mark.error */ {
  color: #d73a49 !important;
}

.pl-ii /* invalid.illegal */ {
  color: #fafbfc;
  background-color: #d73a49 !important;
}

.pl-c2 /* carriage-return */ {
  color: #fafbfc;
  background-color: #d73a49 !important;
}

.pl-c2::before /* carriage-return */ {
  content: "^M" !important;
}

.pl-sr .pl-cce /* string.regexp constant.character.escape */ {
  font-weight: bold !important;
  color: #7bcc72 !important;
}

.pl-mh /* markup.heading */,
.pl-mh .pl-en /* markup.heading entity.name */,
.pl-ms /* meta.separator */ {
  font-weight: bold;
  color: #0366d6 !important;
}

.pl-mi /* markup.italic */ {
  font-style: italic;
  color: #f6f8fa !important;
}

.pl-mb /* markup.bold */ {
  font-weight: bold;
  color: #f6f8fa !important;
}

.pl-md /* markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted */ {
  color: #b31d28 !important;
  background-color: #ffeef0 !important;
}

.pl-mi1 /* markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted */ {
  color: #176f2c !important;
  background-color: #f0fff4 !important;
}

.pl-mc /* markup.changed, punctuation.definition.changed */ {
  color: #b08800 !important;
  background-color: #fffdef !important;
}

.pl-mi2 /* markup.ignored, markup.untracked */ {
  color: #2f363d !important;
  background-color: #959da5 !important;
}

.pl-mdr /* meta.diff.range */ {
  font-weight: bold;
  color: #b392f0 !important;
}

.pl-mo /* meta.output */ {
  color: #0366d6 !important;
}

.pl-ba /* brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote */ {
  color: #ffeef0 !important;
}

.pl-sg /* sublimelinter.gutter-mark */ {
  color: #6a737d !important;
}

.pl-corl /* constant.other.reference.link, string.other.link */ {
  text-decoration: underline;
  color: #79b8ff !important;
}

    main#main > div.pb4.ph3 {
        background-color: transparent;
    }
    code {
        background-color: #222 !important;
        color: #ddd !important;
    }

    .hmihVt {
        color: #ccc !important;
    }
    tr td, tr th {
        background-color: #333 !important;
        color: #eee;
        border-color: #555 !important;
    }
    .fDevHB {
        color: #888 !important;
    }
    .jRndWL,
    .kucodg,
    .token-line{
        background-color: #222 !important;
        
        color: #fff !important;
        
    }
    ._5d3decdb {
        border-color: #444 !important;
    }
    .bg-washed-red {
        background-color: #201010;
    }
    .markdown .meta.structure.dictionary.json > .string.quoted.double.json,
.markdown .meta.structure.dictionary.json > .string.quoted.double.json .punctuation.string { 
    color: #8f8;
    }
    .markdown .entity.name.function {
        color: #f99;
    }
    .markdown blockquote {
        background-color: #182018;
    }
footer {
    background-color: black !important;
    color: lightgray !important;
}
    
.black-90 {
    color: rgba(255,255,255,.9)
}

.black-80 {
    color: rgba(255,255,255,.8)
}

.black-70 {
    color: rgba(255,255,255,.7)
}

.black-60 {
    color: rgba(255,255,255,.6)
}

.black-50 {
    color: rgba(255,255,255,.5)
}

.black-40 {
    color: rgba(255,255,255,.4)
}

.black-30 {
    color: rgba(255,255,255,.3)
}

.black-20 {
    color: rgba(255,255,255,.2)
}

.black-10 {
    color: rgba(255,255,255,.1)
}

.black-05 {
    color: rgba(255,255,255,.05)
}

.white-90 {
    color: hsla(0,0%,0%,.9)
}

.white-80 {
    color: hsla(0,0%,0%,.8)
}

.white-70 {
    color: hsla(0,0%,0%,.7)
}

.white-60 {
    color: hsla(0,0%,0%,.6)
}

.white-50 {
    color: hsla(0,0%,0%,.5)
}

.white-40 {
    color: hsla(0,0%,0%,.4)
}

.white-30 {
    color: hsla(0,0%,0%,.3)
}

.white-20 {
    color: hsla(0,0%,0%,.2)
}

.white-10 {
    color: hsla(0,0%,0%,.1)
}

.black {
    color: #fff
}

.near-black {
    color: #eee
}

.dark-gray {
    color: #ccc
}

.mid-gray {
    color: #aaa
}

.gray {
    color: #999
}

.silver {
    color: #777
}

.light-silver {
    color: #555
}

.moon-gray {
    color: #333
}

.light-gray {
    color: #222
}

.near-white {
    color: #111
}

.white {
    color: #000
}

.b--black {
    border-color: #000
}

.b--near-black {
    border-color: #f4f4f4
}

.b--dark-gray {
    border-color: #aaa
}

.b--mid-gray {
    border-color: #999
}

.b--gray {
    border-color: #777
}

.b--silver {
    border-color: #666
}

.b--light-silver {
    border-color: #444
}

.b--moon-gray {
    border-color: #333
}

.b--light-gray {
    border-color: #222
}

.b--near-white {
    border-color: #111
}

.b--white {
    border-color: #000
}

.b--white-90 {
    border-color: hsla(0,0%,0%,.9)
}

.b--white-80 {
    border-color: hsla(0,0%,0%,.8)
}

.b--white-70 {
    border-color: hsla(0,0%,0%,.7)
}

.b--white-60 {
    border-color: hsla(0,0%,0%,.6)
}

.b--white-50 {
    border-color: hsla(0,0%,0%,.5)
}

.b--white-40 {
    border-color: hsla(0,0%,0%,.4)
}

.b--white-30 {
    border-color: hsla(0,0%,0%,.3)
}

.b--white-20 {
    border-color: hsla(0,0%,0%,.2)
}

.b--white-10 {
    border-color: hsla(0,0%,0%,.1)
}

.b--white-05 {
    border-color: hsla(0,0%,0%,.05)
}

.b--white-025 {
    border-color: hsla(0,0%,0%,.025)
}

.b--white-0125 {
    border-color: hsla(0,0%,0%,.0125)
}

.b--black-90 {
    border-color: rgba(255,255,255,.9)
}

.b--black-80 {
    border-color: rgba(255,255,255,.8)
}

.b--black-70 {
    border-color: rgba(255,255,255,.7)
}

.b--black-60 {
    border-color: rgba(255,255,255,.6)
}

.b--black-50 {
    border-color: rgba(255,255,255,.5)
}

.b--black-40 {
    border-color: rgba(255,255,255,.4)
}

.b--black-30 {
    border-color: rgba(255,255,255,.3)
}

.b--black-20 {
    border-color: rgba(255,255,255,.2)
}

.b--black-10 {
    border-color: rgba(255,255,255,.1)
}

.b--black-05 {
    border-color: rgba(255,255,255,.05)
}

.b--black-025 {
    border-color: rgba(255,255,255,.025)
}

.b--black-0125 {
    border-color: rgba(255,255,255,.0125)
}
.icJRWX{
    background-color: #111;
}
    .cOxYrB {
        border-color: #333;
    }
    .hmqUJT {
        border-color: #444;
    }
    
._0b9b6c57 {
  color: #aaa;
}
    .npm-bg-hero {
        background-image: initial !important;
    }
    
.bg-black {
    background-color: #fff
}

.bg-near-black {
    background-color: #eee
}

.bg-dark-gray {
    background-color: #ddd
}

.bg-mid-gray {
    background-color: #ccc
}

.bg-gray {
    background-color: #aaa
}

.bg-silver {
    background-color: #888
}

.bg-light-silver {
    background-color: #666
}

.bg-moon-gray {
    background-color: #444
}

.bg-light-gray {
    background-color: #222
}

.bg-near-white {
    background-color: #111
}



.bg-black-90 {
    background-color: rgba(255,255,255,.9)
}

.bg-black-80 {
    ...