246 lines
4.3 KiB
CSS
246 lines
4.3 KiB
CSS
:root {
|
|
--chroma-bg: #111;
|
|
--comment: #9e9e9e;
|
|
--cyan: #8be9fd;
|
|
--green: #50fa7b;
|
|
--orange: #ffb86c;
|
|
--pink: #ff79c6;
|
|
--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 {
|
|
color: var(--comment);
|
|
}
|
|
/* GenericStrong */
|
|
.chroma .gs {
|
|
}
|
|
/* GenericSubheading */
|
|
.chroma .gu {
|
|
font-weight: bold;
|
|
}
|
|
/* GenericTraceback */
|
|
.chroma .gt {
|
|
}
|
|
/* GenericUnderline */
|
|
.chroma .gl {
|
|
text-decoration: underline;
|
|
}
|
|
/* TextWhitespace */
|
|
.chroma .w {
|
|
}
|