githubmirror/zulip

web/styles/pygments.css
516 строк12 KB
Karl Stolley
pygments: Fully isolate light and dark themes.
21 июн 2024, 21:15
21 июн 2024, 21:152820bd2
/* stylelint-disable color-no-hex, no-duplicate-selectors */

/* Begin Pygments Default Colors */

%light-theme {
    .codehilite .hll {
        background-color: #ffc;
    }

    .codehilite .c {
        color: #3d7b7b;
        font-style: italic;
    } /* Comment */
    .codehilite .err {
        border: 1px solid #f00;
    } /* Error */
    .codehilite .k {
        color: #008000;
        font-weight: bold;
    } /* Keyword */
    .codehilite .o {
        color: #666;
    } /* Operator */
    .codehilite .ch {
        color: #3d7b7b;
        font-style: italic;
    } /* Comment.Hashbang */
    .codehilite .cm {
        color: #3d7b7b;
        font-style: italic;
    } /* Comment.Multiline */
    .codehilite .cp {
        color: #9c6500;
    } /* Comment.Preproc */
    .codehilite .cpf {
        color: #3d7b7b;
        font-style: italic;
    } /* Comment.PreprocFile */
    .codehilite .c1 {
        color: #3d7b7b;
        font-style: italic;
    } /* Comment.Single */
    .codehilite .cs {
        color: #3d7b7b;
        font-style: italic;
    } /* Comment.Special */
    .codehilite .gd {
        color: #a00000;
    } /* Generic.Deleted */
    .codehilite .ge {
        font-style: italic;
    } /* Generic.Emph */
    .codehilite .ges {
        font-weight: bold;
        font-style: italic;
    } /* Generic.EmphStrong */
    .codehilite .gr {
        color: #e40000;
    } /* Generic.Error */
    .codehilite .gh {
        color: #000080;
        font-weight: bold;
    } /* Generic.Heading */
    .codehilite .gi {
        color: #008400;
    } /* Generic.Inserted */
    .codehilite .go {
        color: #717171;
    } /* Generic.Output */
    .codehilite .gp {
        color: #000080;
        font-weight: bold;
    } /* Generic.Prompt */
    .codehilite .gs {
        font-weight: bold;
    } /* Generic.Strong */
    .codehilite .gu {
        color: #800080;
        font-weight: bold;
    } /* Generic.Subheading */
    .codehilite .gt {
        color: #04d;
    } /* Generic.Traceback */
    .codehilite .kc {
        color: #008000;
        font-weight: bold;
    } /* Keyword.Constant */
    .codehilite .kd {
        color: #008000;
        font-weight: bold;
    } /* Keyword.Declaration */
    .codehilite .kn {
        color: #008000;
        font-weight: bold;
    } /* Keyword.Namespace */
    .codehilite .kp {
        color: #008000;
    } /* Keyword.Pseudo */
    .codehilite .kr {
        color: #008000;
        font-weight: bold;
    } /* Keyword.Reserved */
    .codehilite .kt {
        color: #b00040;
    } /* Keyword.Type */
    .codehilite .m {
        color: #666;
    } /* Literal.Number */
    .codehilite .s {
        color: #ba2121;
    } /* Literal.String */
    .codehilite .na {
        color: #687822;
    } /* Name.Attribute */
    .codehilite .nb {
        color: #008000;
    } /* Name.Builtin */
    .codehilite .nc {
        color: #00f;
        font-weight: bold;
    } /* Name.Class */
    .codehilite .no {
        color: #800;
    } /* Name.Constant */
    .codehilite .nd {
        color: #a2f;
    } /* Name.Decorator */
    .codehilite .ni {
        color: #717171;
        font-weight: bold;
    } /* Name.Entity */
    .codehilite .ne {
        color: #cb3f38;
        font-weight: bold;
    } /* Name.Exception */
    .codehilite .nf {
        color: #00f;
    } /* Name.Function */
    .codehilite .nl {
        color: #767600;
    } /* Name.Label */
    .codehilite .nn {
        color: #00f;
        font-weight: bold;
    } /* Name.Namespace */
    .codehilite .nt {
        color: #008000;
        font-weight: bold;
    } /* Name.Tag */
    .codehilite .nv {
        color: #19177c;
    } /* Name.Variable */
    .codehilite .ow {
        color: #a2f;
        font-weight: bold;
    } /* Operator.Word */
    .codehilite .w {
        color: #bbb;
    } /* Text.Whitespace */
    .codehilite .mb {
        color: #666;
    } /* Literal.Number.Bin */
    .codehilite .mf {
        color: #666;
    } /* Literal.Number.Float */
    .codehilite .mh {
        color: #666;
    } /* Literal.Number.Hex */
    .codehilite .mi {
        color: #666;
    } /* Literal.Number.Integer */
    .codehilite .mo {
        color: #666;
    } /* Literal.Number.Oct */
    .codehilite .sa {
        color: #ba2121;
    } /* Literal.String.Affix */
    .codehilite .sb {
        color: #ba2121;
    } /* Literal.String.Backtick */
    .codehilite .sc {
        color: #ba2121;
    } /* Literal.String.Char */
    .codehilite .dl {
        color: #ba2121;
    } /* Literal.String.Delimiter */
    .codehilite .sd {
        color: #ba2121;
        font-style: italic;
    } /* Literal.String.Doc */
    .codehilite .s2 {
        color: #ba2121;
    } /* Literal.String.Double */
    .codehilite .se {
        color: #aa5d1f;
        font-weight: bold;
    } /* Literal.String.Escape */
    .codehilite .sh {
        color: #ba2121;
    } /* Literal.String.Heredoc */
    .codehilite .si {
        color: #a45a77;
        font-weight: bold;
    } /* Literal.String.Interpol */
    .codehilite .sx {
        color: #008000;
    } /* Literal.String.Other */
    .codehilite .sr {
        color: #a45a77;
    } /* Literal.String.Regex */
    .codehilite .s1 {
        color: #ba2121;
    } /* Literal.String.Single */
    .codehilite .ss {
        color: #19177c;
    } /* Literal.String.Symbol */
    .codehilite .bp {
        color: #008000;
    } /* Name.Builtin.Pseudo */
    .codehilite .fm {
        color: #00f;
    } /* Name.Function.Magic */
    .codehilite .vc {
        color: #19177c;
    } /* Name.Variable.Class */
    .codehilite .vg {
        color: #19177c;
    } /* Name.Variable.Global */
    .codehilite .vi {
        color: #19177c;
    } /* Name.Variable.Instance */
    .codehilite .vm {
        color: #19177c;
    } /* Name.Variable.Magic */
    .codehilite .il {
        color: #666;
    } /* Literal.Number.Integer.Long */
}
/* End Pygments Default Colors */

%dark-theme {
    /* Begin Pygments Monokai Styles */
    .codehilite .hll {
        background-color: #49483e;
    }

    .codehilite .c {
        color: #959077;
    } /* Comment */
    .codehilite .err {
        color: #ed007e;
        background-color: #1e0010;
    } /* Error */
    .codehilite .esc {
        color: #f8f8f2;
    } /* Escape */
    .codehilite .g {
        color: #f8f8f2;
    } /* Generic */
    .codehilite .k {
        color: #66d9ef;
    } /* Keyword */
    .codehilite .l {
        color: #ae81ff;
    } /* Literal */
    .codehilite .n {
        color: #f8f8f2;
    } /* Name */
    .codehilite .o {
        color: #ff4689;
    } /* Operator */
    .codehilite .x {
        color: #f8f8f2;
    } /* Other */
    .codehilite .p {
        color: #f8f8f2;
    } /* Punctuation */
    .codehilite .ch {
        color: #959077;
    } /* Comment.Hashbang */
    .codehilite .cm {
        color: #959077;
    } /* Comment.Multiline */
    .codehilite .cp {
        color: #959077;
    } /* Comment.Preproc */
    .codehilite .cpf {
        color: #959077;
    } /* Comment.PreprocFile */
    .codehilite .c1 {
        color: #959077;
    } /* Comment.Single */
    .codehilite .cs {
        color: #959077;
    } /* Comment.Special */
    .codehilite .gd {
        color: #ff4689;
    } /* Generic.Deleted */
    .codehilite .ge {
        color: #f8f8f2;
        font-style: italic;
    } /* Generic.Emph */
    .codehilite .ges {
        color: #f8f8f2;
        font-weight: bold;
        font-style: italic;
    } /* Generic.EmphStrong */
    .codehilite .gr {
        color: #f8f8f2;
    } /* Generic.Error */
    .codehilite .gh {
        color: #f8f8f2;
    } /* Generic.Heading */
    .codehilite .gi {
        color: #a6e22e;
    } /* Generic.Inserted */
    .codehilite .go {
        color: #66d9ef;
    } /* Generic.Output */
    .codehilite .gp {
        color: #ff4689;
        font-weight: bold;
    } /* Generic.Prompt */
    .codehilite .gs {
        color: #f8f8f2;
        font-weight: bold;
    } /* Generic.Strong */
    .codehilite .gu {
        color: #959077;
    } /* Generic.Subheading */
    .codehilite .gt {
        color: #f8f8f2;
    } /* Generic.Traceback */
    .codehilite .kc {
        color: #66d9ef;
    } /* Keyword.Constant */
    .codehilite .kd {
        color: #66d9ef;
    } /* Keyword.Declaration */
    .codehilite .kn {
        color: #ff4689;
    } /* Keyword.Namespace */
    .codehilite .kp {
        color: #66d9ef;
    } /* Keyword.Pseudo */
    .codehilite .kr {
        color: #66d9ef;
    } /* Keyword.Reserved */
    .codehilite .kt {
        color: #66d9ef;
    } /* Keyword.Type */
    .codehilite .ld {
        color: #e6db74;
    } /* Literal.Date */
    .codehilite .m {
        color: #ae81ff;
    } /* Literal.Number */
    .codehilite .s {
        color: #e6db74;
    } /* Literal.String */
    .codehilite .na {
        color: #a6e22e;
    } /* Name.Attribute */
    .codehilite .nb {
        color: #f8f8f2;
    } /* Name.Builtin */
    .codehilite .nc {
        color: #a6e22e;
    } /* Name.Class */
    .codehilite .no {
        color: #66d9ef;
    } /* Name.Constant */
    .codehilite .nd {
        color: #a6e22e;
    } /* Name.Decorator */
    .codehilite .ni {
        color: #f8f8f2;
    } /* Name.Entity */
    .codehilite .ne {
        color: #a6e22e;
    } /* Name.Exception */
    .codehilite .nf {
        color: #a6e22e;
    } /* Name.Function */
    .codehilite .nl {
        color: #f8f8f2;
    } /* Name.Label */
    .codehilite .nn {
        color: #f8f8f2;
    } /* Name.Namespace */
    .codehilite .nx {
        color: #a6e22e;
    } /* Name.Other */
    .codehilite .py {
        color: #f8f8f2;
    } /* Name.Property */
    .codehilite .nt {
        color: #ff4689;
    } /* Name.Tag */
    .codehilite .nv {
        color: #f8f8f2;
    } /* Name.Variable */
    .codehilite .ow {
        color: #ff4689;
    } /* Operator.Word */
    .codehilite .pm {
        color: #f8f8f2;
    } /* Punctuation.Marker */
    .codehilite .w {
        color: #f8f8f2;
    } /* Text.Whitespace */
    .codehilite .mb {
        color: #ae81ff;
    } /* Literal.Number.Bin */
    .codehilite .mf {
        color: #ae81ff;
    } /* Literal.Number.Float */
    .codehilite .mh {
        color: #ae81ff;
    } /* Literal.Number.Hex */
    .codehilite .mi {
        color: #ae81ff;
    } /* Literal.Number.Integer */
    .codehilite .mo {
        color: #ae81ff;
    } /* Literal.Number.Oct */
    .codehilite .sa {
        color: #e6db74;
    } /* Literal.String.Affix */
    .codehilite .sb {
        color: #e6db74;
    } /* Literal.String.Backtick */
    .codehilite .sc {
        color: #e6db74;
    } /* Literal.String.Char */
    .codehilite .dl {
        color: #e6db74;
    } /* Literal.String.Delimiter */
    .codehilite .sd {
        color: #e6db74;
    } /* Literal.String.Doc */
    .codehilite .s2 {
        color: #e6db74;
    } /* Literal.String.Double */
    .codehilite .se {
        color: #ae81ff;
    } /* Literal.String.Escape */
    .codehilite .sh {
        color: #e6db74;
    } /* Literal.String.Heredoc */
    .codehilite .si {
        color: #e6db74;
    } /* Literal.String.Interpol */
    .codehilite .sx {
        color: #e6db74;
    } /* Literal.String.Other */
    .codehilite .sr {
        color: #e6db74;
    } /* Literal.String.Regex */
    .codehilite .s1 {
        color: #e6db74;
    } /* Literal.String.Single */
    .codehilite .ss {
        color: #e6db74;
    } /* Literal.String.Symbol */
    .codehilite .bp {
        color: #f8f8f2;
    } /* Name.Builtin.Pseudo */
    .codehilite .fm {
        color: #a6e22e;
    } /* Name.Function.Magic */
    .codehilite .vc {
        color: #f8f8f2;
    } /* Name.Variable.Class */
    .codehilite .vg {
        color: #f8f8f2;
    } /* Name.Variable.Global */
    .codehilite .vi {
        color: #f8f8f2;
    } /* Name.Variable.Instance */
    .codehilite .vm {
        color: #f8f8f2;
    } /* Name.Variable.Magic */
    .codehilite .il {
        color: #ae81ff;
    } /* Literal.Number.Integer.Long */
}
/* stylelint-enable color-no-hex, no-duplicate-selectors */

@media screen {
    :root:not(.color-scheme-automatic, .dark-theme) {
        @extend %light-theme;
    }
}

@media screen and (not (prefers-color-scheme: dark)) {
    :root.color-scheme-automatic {
        @extend %light-theme;
    }
}

@media not screen {
    @extend %light-theme;
}

@media screen {
    :root.dark-theme {
        @extend %dark-theme;
    }
}

@media screen and (prefers-color-scheme: dark) {
    :root.color-scheme-automatic {
        @extend %dark-theme;
    }
}