_syntax_dark.scss (5377B)
1 @mixin syntax_dark { 2 /* Background */ .bg { color: #c9d1d9; background-color: #0d1117; } 3 /* PreWrapper */ .chroma { color: #c9d1d9; background-color: #0d1117; } 4 /* Other */ .chroma .x { } 5 /* Error */ .chroma .err { color: #f85149 } 6 /* CodeLine */ .chroma .cl { } 7 /* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit } 8 /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } 9 /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; } 10 /* LineHighlight */ .chroma .hl { background-color: #ffffcc } 11 /* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #64686c } 12 /* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #6e7681 } 13 /* Line */ .chroma .line { display: flex; } 14 /* Keyword */ .chroma .k { color: #ff7b72 } 15 /* KeywordConstant */ .chroma .kc { color: #79c0ff } 16 /* KeywordDeclaration */ .chroma .kd { color: #ff7b72 } 17 /* KeywordNamespace */ .chroma .kn { color: #ff7b72 } 18 /* KeywordPseudo */ .chroma .kp { color: #79c0ff } 19 /* KeywordReserved */ .chroma .kr { color: #ff7b72 } 20 /* KeywordType */ .chroma .kt { color: #ff7b72 } 21 /* Name */ .chroma .n { } 22 /* NameAttribute */ .chroma .na { } 23 /* NameBuiltin */ .chroma .nb { } 24 /* NameBuiltinPseudo */ .chroma .bp { } 25 /* NameClass */ .chroma .nc { color: #f0883e; font-weight: bold } 26 /* NameConstant */ .chroma .no { color: #79c0ff; font-weight: bold } 27 /* NameDecorator */ .chroma .nd { color: #d2a8ff; font-weight: bold } 28 /* NameEntity */ .chroma .ni { color: #ffa657 } 29 /* NameException */ .chroma .ne { color: #f0883e; font-weight: bold } 30 /* NameFunction */ .chroma .nf { color: #d2a8ff; font-weight: bold } 31 /* NameFunctionMagic */ .chroma .fm { } 32 /* NameLabel */ .chroma .nl { color: #79c0ff; font-weight: bold } 33 /* NameNamespace */ .chroma .nn { color: #ff7b72 } 34 /* NameOther */ .chroma .nx { } 35 /* NameProperty */ .chroma .py { color: #79c0ff } 36 /* NameTag */ .chroma .nt { color: #7ee787 } 37 /* NameVariable */ .chroma .nv { color: #79c0ff } 38 /* NameVariableClass */ .chroma .vc { } 39 /* NameVariableGlobal */ .chroma .vg { } 40 /* NameVariableInstance */ .chroma .vi { } 41 /* NameVariableMagic */ .chroma .vm { } 42 /* Literal */ .chroma .l { color: #a5d6ff } 43 /* LiteralDate */ .chroma .ld { color: #79c0ff } 44 /* LiteralString */ .chroma .s { color: #a5d6ff } 45 /* LiteralStringAffix */ .chroma .sa { color: #79c0ff } 46 /* LiteralStringBacktick */ .chroma .sb { color: #a5d6ff } 47 /* LiteralStringChar */ .chroma .sc { color: #a5d6ff } 48 /* LiteralStringDelimiter */ .chroma .dl { color: #79c0ff } 49 /* LiteralStringDoc */ .chroma .sd { color: #a5d6ff } 50 /* LiteralStringDouble */ .chroma .s2 { color: #a5d6ff } 51 /* LiteralStringEscape */ .chroma .se { color: #79c0ff } 52 /* LiteralStringHeredoc */ .chroma .sh { color: #79c0ff } 53 /* LiteralStringInterpol */ .chroma .si { color: #a5d6ff } 54 /* LiteralStringOther */ .chroma .sx { color: #a5d6ff } 55 /* LiteralStringRegex */ .chroma .sr { color: #79c0ff } 56 /* LiteralStringSingle */ .chroma .s1 { color: #a5d6ff } 57 /* LiteralStringSymbol */ .chroma .ss { color: #a5d6ff } 58 /* LiteralNumber */ .chroma .m { color: #a5d6ff } 59 /* LiteralNumberBin */ .chroma .mb { color: #a5d6ff } 60 /* LiteralNumberFloat */ .chroma .mf { color: #a5d6ff } 61 /* LiteralNumberHex */ .chroma .mh { color: #a5d6ff } 62 /* LiteralNumberInteger */ .chroma .mi { color: #a5d6ff } 63 /* LiteralNumberIntegerLong */ .chroma .il { color: #a5d6ff } 64 /* LiteralNumberOct */ .chroma .mo { color: #a5d6ff } 65 /* Operator */ .chroma .o { color: #ff7b72; font-weight: bold } 66 /* OperatorWord */ .chroma .ow { color: #ff7b72; font-weight: bold } 67 /* Punctuation */ .chroma .p { } 68 /* Comment */ .chroma .c { color: #8b949e; font-style: italic } 69 /* CommentHashbang */ .chroma .ch { color: #8b949e; font-style: italic } 70 /* CommentMultiline */ .chroma .cm { color: #8b949e; font-style: italic } 71 /* CommentSingle */ .chroma .c1 { color: #8b949e; font-style: italic } 72 /* CommentSpecial */ .chroma .cs { color: #8b949e; font-weight: bold; font-style: italic } 73 /* CommentPreproc */ .chroma .cp { color: #8b949e; font-weight: bold; font-style: italic } 74 /* CommentPreprocFile */ .chroma .cpf { color: #8b949e; font-weight: bold; font-style: italic } 75 /* Generic */ .chroma .g { } 76 /* GenericDeleted */ .chroma .gd { color: #ffa198; background-color: #490202 } 77 /* GenericEmph */ .chroma .ge { font-style: italic } 78 /* GenericError */ .chroma .gr { color: #ffa198 } 79 /* GenericHeading */ .chroma .gh { color: #79c0ff; font-weight: bold } 80 /* GenericInserted */ .chroma .gi { color: #56d364; background-color: #0f5323 } 81 /* GenericOutput */ .chroma .go { color: #8b949e } 82 /* GenericPrompt */ .chroma .gp { color: #8b949e } 83 /* GenericStrong */ .chroma .gs { font-weight: bold } 84 /* GenericSubheading */ .chroma .gu { color: #79c0ff } 85 /* GenericTraceback */ .chroma .gt { color: #ff7b72 } 86 /* GenericUnderline */ .chroma .gl { text-decoration: underline } 87 /* TextWhitespace */ .chroma .w { color: #6e7681 } 88 } 89 90 body.colorscheme-dark { 91 @include syntax_dark(); 92 } 93 94 body.colorscheme-auto { 95 @media (prefers-color-scheme: dark) { 96 @include syntax_dark(); 97 } 98 }