npmjs.com Catppuccin Mocha by abhafez

/* ==UserStyle==
@name         npmjs.com Dark Theme w Syntax Highlighting
@version      20220519.23.03
@namespace    userstyles.world/user/hypnojerk
@description  Much needed dark theme for npmjs.com. Includes dark theme for code boxes. Turn out the lights when reading npmjs documentation.
@author       hypnojerk
@license      No License
==/UserStyle== */
@-moz-document domain("npmjs.com") {
    html,
    body,
    main {
        background-color: #1e1e2e !important;
        color: #cdd6f4 !important;
    }

    header,
    header>div,
    bg-wite {
        background-color: #1e1e2e !important;
        color: #cdd6f4 !important;
    }

    form#search div {
        background-color: #1e1e2e;
        color: #cdd6f4;
    }

    strong {
        color: #6c7086;
    }

    .black {
        color: #cdd6f4 !important;
    }

    main#main article .markdown,
    .markdown p,
    .markdown h1,
    .markdown h2,
    .markdown h3,
    .markdown h4,
    .markdown h5 {
        color: #cdd6f4 !important;
    }

    p,
    h1,
    h2,
    h3,
    h4,
    h5 {
        color: #cdd6f4 !important;
    }

    .markdown p,
    .markdown li {
        color: #e6cdea;
    }

    .markdown strong {
        color: #cba6f7;
    }

    .fdbf4038 p {
        color: #cdd6f4;
    }

    p>a,
    p>a>span {
        color: #f2cdcd;
    }

    p>a:visited {
        color: #cba6f7;
    }

    .link,
    .link:active,
    .link:focus,
    .link:hover,
    .link:link,
    .link:visited {
        color: #f2cdcd;
    }

    span>svg>g {
        fill: #cba6f7;
    }

    p>code {
        background-color: #313244 !important;
        color: #cba6f7;
    }

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

    ._24a1e9c7 {
        background-color: #cba6f7 !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: #89b4fa;
    }

    .pl-s .pl-v

    /* string variable */
        {
        color: #c8e1ff !important;
    }

    .pl-e
    /* entity */
    ,
    .pl-en

    /* entity.name */
        {
        color: #cba6f7 !important;
    }

    .pl-kos {
        color: #b4befe;
    }

    .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: #cba6f7 !important;
    }

    .pl-ent

    /* entity.name.tag */
        {
        color: #a6e3a1 !important;
    }

    .pl-k

    /* keyword, storage, storage.type */
        {
        color: #f38ba8 !important;
    }

    .pl-s

    /* string */
        {
        color: #cdd6f4;
    }

    .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: #89dceb !important;
    }

    .pl-v
    /* variable */
    ,
    .pl-ml

    /* markup.list, sublimelinter.mark.warning */
        {
        color: #fab387 !important;
    }

    .pl-bu

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

    .pl-ii

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

    .pl-c2

    /* carriage-return */
        {
        color: #fafbfc;
        background-color: #f38ba8 !important;
    }

    .pl-c2::before

    /* carriage-return */
        {
        content: "^M" !important;
    }

    .pl-sr .pl-cce

    /* string.regexp constant.character.escape */
        {
        font-weight: bold !important;
        color: #a6e3a1 !important;
    }

    .pl-mh
    /* markup.heading */
    ,
    .pl-mh .pl-en
    /* markup.heading entity.name */
    ,
    .pl-ms

    /* meta.separator */
        {
        font-weight: bold;
        color: #89b4fa !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: #f38ba8 !important;
        background-color: #ffeef0 !important;
    }

    .pl-mi1

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

    .pl-mc

    /* markup.changed, punctuation.definition.changed */
        {
        color: #f9e2af !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: #cba6f7 !important;
    }

    .pl-mo

    /* meta.output */
        {
        color: #89b4fa !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: #89dceb !important;
    }



    footer {
        background-color: black !important;
        color: #cdd6f4 !important;
    }

    th {
        background-color: #1e1e2e !important;
    }
    th,
    td {
        background-color: #313244 !important;
        color: #cdd6f4 !important;
    }

    a > svg > path {
        fill: #cdd6f4 !important;
    }
    
    button {
        background-color: #cdd6f4 !important;
        color: #313244 !important;
    }

    li > span {
        color: #cdd6f4 !important;
    }

    li > .downloads,
    li > a,
    li > div {
        color: #6c7086 !important;
    }

    label {
        color: #89dceb !important;
    }
}