110 lines
4.2 KiB
CSS
110 lines
4.2 KiB
CSS
:root {
|
|
--chroma-bg: #111;
|
|
--comment: #9e9e9e;
|
|
--cyan: #8be9fd;
|
|
--green: #50fa7b;
|
|
--orange: #ffb86c;
|
|
--pink: #f5a;
|
|
--purple: #bd93f9;
|
|
--red: #f55;
|
|
--yellow: #f1fa8c;
|
|
}
|
|
/* @media (prefers-color-scheme: light) {
|
|
:root {
|
|
--chroma-bg: #eee;
|
|
--comment: #666;
|
|
--cyan: #04a5e5;
|
|
--green: #40a02b;
|
|
--orange: #fe640b;
|
|
--pink: #ea76cb;
|
|
--purple: #8839ef;
|
|
--red: #d20f39;
|
|
--yellow: #df8e1d;
|
|
}
|
|
} */
|
|
/* Background */ .bg,
|
|
/* PreWrapper */ .chroma { background-color:var(--chroma-bg); }
|
|
/* Other */ .chroma .x { }
|
|
/* Error */ .chroma .err { }
|
|
/* CodeLine */ .chroma .cl { }
|
|
/* 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 { }
|
|
/* GenericStrong */ .chroma .gs { }
|
|
/* GenericSubheading */ .chroma .gu { font-weight:bold }
|
|
/* GenericTraceback */ .chroma .gt { }
|
|
/* GenericUnderline */ .chroma .gl { text-decoration:underline }
|
|
/* TextWhitespace */ .chroma .w { }
|