:root { --chroma-bg: #000; --comment: #7f849c; --cyan: #8be9fd; --green: #50fa7b; --orange: #ffb86c; --pink: #ff79c6; --purple: #bd93f9; --red: #f55; --yellow: #f1fa8c; } .bg, /* PreWrapper */ .chroma { background-color: var(--chroma-bg); } /* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit; } /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; } /* LineHighlight */ .chroma .hl { background-color: #3d3f4a; } /* LineNumbersTable */ .chroma .lnt, /* LineNumbers */ .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: var(--comment); } /* Line */ .chroma .line { display: flex; } /* Keyword */ .chroma .k, /* KeywordConstant */ .chroma .kc, /* KeywordNamespace */ .chroma .kn, /* KeywordPseudo */ .chroma .kp, /* KeywordReserved */ .chroma .kr { color: var(--pink); } /* KeywordType */ .chroma .kt { color: var(--cyan); } /* KeywordDeclaration */ .chroma .kd { color: var(--cyan); font-style: italic; } /* Name */ .chroma .n { } /* NameBuiltinPseudo */ .chroma .bp { } /* NameConstant */ .chroma .no { } /* NameDecorator */ .chroma .nd { } /* NameEntity */ .chroma .ni { } /* NameException */ .chroma .ne { } /* NameAttribute */ .chroma .na, /* NameClass */ .chroma .nc, /* NameFunctionMagic */ .chroma .fm, /* NameFunction */ .chroma .nf { color: var(--green); } /* NameNamespace */ .chroma .nn { } /* NameOther */ .chroma .nx { } /* NameProperty */ .chroma .py { } /* NameTag */ .chroma .nt { color: var(--pink); } /* NameBuiltin */ .chroma .nb, /* NameLabel */ .chroma .nl, /* NameVariable */ .chroma .nv, /* NameVariableClass */ .chroma .vc, /* NameVariableGlobal */ .chroma .vg, /* NameVariableInstance */ .chroma .vi { color: var(--cyan); font-style: italic; } /* NameVariableMagic */ .chroma .vm { } /* Literal */ .chroma .l { } /* LiteralDate */ .chroma .ld { } /* LiteralString */ .chroma .s, /* LiteralStringAffix */ .chroma .sa, /* LiteralStringBacktick */ .chroma .sb, /* LiteralStringChar */ .chroma .sc, /* LiteralStringDelimiter */ .chroma .dl, /* LiteralStringDoc */ .chroma .sd, /* LiteralStringDouble */ .chroma .s2, /* LiteralStringEscape */ .chroma .se, /* LiteralStringHeredoc */ .chroma .sh, /* LiteralStringInterpol */ .chroma .si, /* LiteralStringOther */ .chroma .sx, /* LiteralStringRegex */ .chroma .sr, /* LiteralStringSingle */ .chroma .s1, /* LiteralStringSymbol */ .chroma .ss { color: var(--yellow); } /* LiteralNumber */ .chroma .m, /* LiteralNumberBin */ .chroma .mb, /* LiteralNumberFloat */ .chroma .mf, /* LiteralNumberHex */ .chroma .mh, /* LiteralNumberInteger */ .chroma .mi, /* LiteralNumberIntegerLong */ .chroma .il, /* LiteralNumberOct */ .chroma .mo { color: var(--purple); } /* Operator */ .chroma .o, /* OperatorWord */ .chroma .ow { color: var(--pink); } /* Punctuation */ .chroma .p { } /* Comment */ .chroma .c, /* CommentHashbang */ .chroma .ch, /* CommentMultiline */ .chroma .cm, /* CommentSingle */ .chroma .c1, /* CommentSpecial */ .chroma .cs { color: var(--comment); } /* CommentPreproc */ .chroma .cp, /* CommentPreprocFile */ .chroma .cpf { color: var(--pink); } /* Generic */ .chroma .g { } /* GenericDeleted */ .chroma .gd { color: var(--red); } /* GenericEmph */ .chroma .ge { text-decoration: underline; } /* GenericError */ .chroma .gr { } /* GenericHeading */ .chroma .gh { font-weight: bold; } /* GenericInserted */ .chroma .gi { color: var(--green); font-weight: bold; } /* GenericOutput */ .chroma .go { color: var(--comment); } /* GenericPrompt */ .chroma .gp { color: var(--comment); } /* GenericStrong */ .chroma .gs { } /* GenericSubheading */ .chroma .gu { font-weight: bold; } /* GenericTraceback */ .chroma .gt { } /* GenericUnderline */ .chroma .gl { text-decoration: underline; } /* TextWhitespace */ .chroma .w { }