syntax.css

@media (prefers-color-scheme: light) {
  /* Background */
  .bg {
    background-color: #ffffff;
  }
  /* PreWrapper */
  .chroma {
    background-color: #ffffff;
  }
  /* Other */
  .chroma .x {
  }
  /* Error */
  .chroma .err {
    background-color: #a848a8;
  }
  /* CodeLine */
  .chroma .cl {
  }
  /* 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: #ffffcc;
  }
  /* LineNumbersTable */
  .chroma .lnt {
    white-space: pre;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #7f7f7f;
  }
  /* LineNumbers */
  .chroma .ln {
    white-space: pre;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #7f7f7f;
  }
  /* Line */
  .chroma .line {
    display: flex;
  }
  /* Keyword */
  .chroma .k {
    color: #2838b0;
  }
  /* KeywordConstant */
  .chroma .kc {
    color: #444444;
    font-style: italic;
  }
  /* KeywordDeclaration */
  .chroma .kd {
    color: #2838b0;
    font-style: italic;
  }
  /* KeywordNamespace */
  .chroma .kn {
    color: #2838b0;
  }
  /* KeywordPseudo */
  .chroma .kp {
    color: #2838b0;
  }
  /* KeywordReserved */
  .chroma .kr {
    color: #2838b0;
  }
  /* KeywordType */
  .chroma .kt {
    color: #2838b0;
    font-style: italic;
  }
  /* Name */
  .chroma .n {
  }
  /* NameAttribute */
  .chroma .na {
    color: #388038;
  }
  /* NameBuiltin */
  .chroma .nb {
    color: #388038;
  }
  /* NameBuiltinPseudo */
  .chroma .bp {
    font-style: italic;
  }
  /* NameClass */
  .chroma .nc {
    color: #287088;
  }
  /* NameConstant */
  .chroma .no {
    color: #b85820;
  }
  /* NameDecorator */
  .chroma .nd {
    color: #287088;
  }
  /* NameEntity */
  .chroma .ni {
    color: #709030;
  }
  /* NameException */
  .chroma .ne {
    color: #908828;
  }
  /* NameFunction */
  .chroma .nf {
    color: #785840;
  }
  /* NameFunctionMagic */
  .chroma .fm {
    color: #b85820;
  }
  /* NameLabel */
  .chroma .nl {
    color: #289870;
  }
  /* NameNamespace */
  .chroma .nn {
    color: #289870;
  }
  /* NameOther */
  .chroma .nx {
  }
  /* NameProperty */
  .chroma .py {
  }
  /* NameTag */
  .chroma .nt {
    color: #2838b0;
  }
  /* NameVariable */
  .chroma .nv {
    color: #b04040;
  }
  /* NameVariableClass */
  .chroma .vc {
  }
  /* NameVariableGlobal */
  .chroma .vg {
    color: #908828;
  }
  /* NameVariableInstance */
  .chroma .vi {
  }
  /* NameVariableMagic */
  .chroma .vm {
    color: #b85820;
  }
  /* Literal */
  .chroma .l {
  }
  /* LiteralDate */
  .chroma .ld {
  }
  /* LiteralString */
  .chroma .s {
    color: #b83838;
  }
  /* LiteralStringAffix */
  .chroma .sa {
    color: #444444;
  }
  /* LiteralStringBacktick */
  .chroma .sb {
    color: #b83838;
  }
  /* LiteralStringChar */
  .chroma .sc {
    color: #a848a8;
  }
  /* LiteralStringDelimiter */
  .chroma .dl {
    color: #b85820;
  }
  /* LiteralStringDoc */
  .chroma .sd {
    color: #b85820;
    font-style: italic;
  }
  /* LiteralStringDouble */
  .chroma .s2 {
    color: #b83838;
  }
  /* LiteralStringEscape */
  .chroma .se {
    color: #709030;
  }
  /* LiteralStringHeredoc */
  .chroma .sh {
    color: #b83838;
  }
  /* LiteralStringInterpol */
  .chroma .si {
    color: #b83838;
    text-decoration: underline;
  }
  /* LiteralStringOther */
  .chroma .sx {
    color: #a848a8;
  }
  /* LiteralStringRegex */
  .chroma .sr {
    color: #a848a8;
  }
  /* LiteralStringSingle */
  .chroma .s1 {
    color: #b83838;
  }
  /* LiteralStringSymbol */
  .chroma .ss {
    color: #b83838;
  }
  /* LiteralNumber */
  .chroma .m {
    color: #444444;
  }
  /* LiteralNumberBin */
  .chroma .mb {
    color: #444444;
  }
  /* LiteralNumberFloat */
  .chroma .mf {
    color: #444444;
  }
  /* LiteralNumberHex */
  .chroma .mh {
    color: #444444;
  }
  /* LiteralNumberInteger */
  .chroma .mi {
    color: #444444;
  }
  /* LiteralNumberIntegerLong */
  .chroma .il {
    color: #444444;
  }
  /* LiteralNumberOct */
  .chroma .mo {
    color: #444444;
  }
  /* Operator */
  .chroma .o {
    color: #666666;
  }
  /* OperatorWord */
  .chroma .ow {
    color: #a848a8;
  }
  /* Punctuation */
  .chroma .p {
    color: #888888;
  }
  /* Comment */
  .chroma .c {
    color: #888888;
    font-style: italic;
  }
  /* CommentHashbang */
  .chroma .ch {
    color: #287088;
    font-style: italic;
  }
  /* CommentMultiline */
  .chroma .cm {
    color: #888888;
    font-style: italic;
  }
  /* CommentSingle */
  .chroma .c1 {
    color: #888888;
    font-style: italic;
  }
  /* CommentSpecial */
  .chroma .cs {
    color: #888888;
    font-style: italic;
  }
  /* CommentPreproc */
  .chroma .cp {
    color: #289870;
  }
  /* CommentPreprocFile */
  .chroma .cpf {
    color: #289870;
  }
  /* Generic */
  .chroma .g {
  }
  /* GenericDeleted */
  .chroma .gd {
    color: #c02828;
  }
  /* GenericEmph */
  .chroma .ge {
    font-style: italic;
  }
  /* GenericError */
  .chroma .gr {
    color: #c02828;
  }
  /* GenericHeading */
  .chroma .gh {
    color: #666666;
  }
  /* GenericInserted */
  .chroma .gi {
    color: #388038;
  }
  /* GenericOutput */
  .chroma .go {
    color: #666666;
  }
  /* GenericPrompt */
  .chroma .gp {
    color: #444444;
  }
  /* GenericStrong */
  .chroma .gs {
    font-weight: bold;
  }
  /* GenericSubheading */
  .chroma .gu {
    color: #444444;
  }
  /* GenericTraceback */
  .chroma .gt {
    color: #2838b0;
  }
  /* GenericUnderline */
  .chroma .gl {
    text-decoration: underline;
  }
  /* TextWhitespace */
  .chroma .w {
    color: #a89028;
  }
}

@media (prefers-color-scheme: dark) {
  /* Background */
  .bg {
    color: #f8f8f2;
    background-color: #282a36;
  }
  /* PreWrapper */
  .chroma {
    color: #f8f8f2;
    background-color: #282a36;
  }
  /* Other */
  .chroma .x {
  }
  /* Error */
  .chroma .err {
  }
  /* CodeLine */
  .chroma .cl {
  }
  /* 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: #ffffcc;
  }
  /* LineNumbersTable */
  .chroma .lnt {
    white-space: pre;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #7f7f7f;
  }
  /* LineNumbers */
  .chroma .ln {
    white-space: pre;
    user-select: none;
    margin-right: 0.4em;
    padding: 0 0.4em 0 0.4em;
    color: #7f7f7f;
  }
  /* Line */
  .chroma .line {
    display: flex;
  }
  /* Keyword */
  .chroma .k {
    color: #ff79c6;
  }
  /* KeywordConstant */
  .chroma .kc {
    color: #ff79c6;
  }
  /* KeywordDeclaration */
  .chroma .kd {
    color: #8be9fd;
    font-style: italic;
  }
  /* KeywordNamespace */
  .chroma .kn {
    color: #ff79c6;
  }
  /* KeywordPseudo */
  .chroma .kp {
    color: #ff79c6;
  }
  /* KeywordReserved */
  .chroma .kr {
    color: #ff79c6;
  }
  /* KeywordType */
  .chroma .kt {
    color: #8be9fd;
  }
  /* Name */
  .chroma .n {
  }
  /* NameAttribute */
  .chroma .na {
    color: #50fa7b;
  }
  /* NameBuiltin */
  .chroma .nb {
    color: #8be9fd;
    font-style: italic;
  }
  /* NameBuiltinPseudo */
  .chroma .bp {
  }
  /* NameClass */
  .chroma .nc {
    color: #50fa7b;
  }
  /* NameConstant */
  .chroma .no {
  }
  /* NameDecorator */
  .chroma .nd {
  }
  /* NameEntity */
  .chroma .ni {
  }
  /* NameException */
  .chroma .ne {
  }
  /* NameFunction */
  .chroma .nf {
    color: #50fa7b;
  }
  /* NameFunctionMagic */
  .chroma .fm {
  }
  /* NameLabel */
  .chroma .nl {
    color: #8be9fd;
    font-style: italic;
  }
  /* NameNamespace */
  .chroma .nn {
  }
  /* NameOther */
  .chroma .nx {
  }
  /* NameProperty */
  .chroma .py {
  }
  /* NameTag */
  .chroma .nt {
    color: #ff79c6;
  }
  /* NameVariable */
  .chroma .nv {
    color: #8be9fd;
    font-style: italic;
  }
  /* NameVariableClass */
  .chroma .vc {
    color: #8be9fd;
    font-style: italic;
  }
  /* NameVariableGlobal */
  .chroma .vg {
    color: #8be9fd;
    font-style: italic;
  }
  /* NameVariableInstance */
  .chroma .vi {
    color: #8be9fd;
    font-style: italic;
  }
  /* NameVariableMagic */
  .chroma .vm {
  }
  /* Literal */
  .chroma .l {
  }
  /* LiteralDate */
  .chroma .ld {
  }
  /* LiteralString */
  .chroma .s {
    color: #f1fa8c;
  }
  /* LiteralStringAffix */
  .chroma .sa {
    color: #f1fa8c;
  }
  /* LiteralStringBacktick */
  .chroma .sb {
    color: #f1fa8c;
  }
  /* LiteralStringChar */
  .chroma .sc {
    color: #f1fa8c;
  }
  /* LiteralStringDelimiter */
  .chroma .dl {
    color: #f1fa8c;
  }
  /* LiteralStringDoc */
  .chroma .sd {
    color: #f1fa8c;
  }
  /* LiteralStringDouble */
  .chroma .s2 {
    color: #f1fa8c;
  }
  /* LiteralStringEscape */
  .chroma .se {
    color: #f1fa8c;
  }
  /* LiteralStringHeredoc */
  .chroma .sh {
    color: #f1fa8c;
  }
  /* LiteralStringInterpol */
  .chroma .si {
    color: #f1fa8c;
  }
  /* LiteralStringOther */
  .chroma .sx {
    color: #f1fa8c;
  }
  /* LiteralStringRegex */
  .chroma .sr {
    color: #f1fa8c;
  }
  /* LiteralStringSingle */
  .chroma .s1 {
    color: #f1fa8c;
  }
  /* LiteralStringSymbol */
  .chroma .ss {
    color: #f1fa8c;
  }
  /* LiteralNumber */
  .chroma .m {
    color: #bd93f9;
  }
  /* LiteralNumberBin */
  .chroma .mb {
    color: #bd93f9;
  }
  /* LiteralNumberFloat */
  .chroma .mf {
    color: #bd93f9;
  }
  /* LiteralNumberHex */
  .chroma .mh {
    color: #bd93f9;
  }
  /* LiteralNumberInteger */
  .chroma .mi {
    color: #bd93f9;
  }
  /* LiteralNumberIntegerLong */
  .chroma .il {
    color: #bd93f9;
  }
  /* LiteralNumberOct */
  .chroma .mo {
    color: #bd93f9;
  }
  /* Operator */
  .chroma .o {
    color: #ff79c6;
  }
  /* OperatorWord */
  .chroma .ow {
    color: #ff79c6;
  }
  /* Punctuation */
  .chroma .p {
  }
  /* Comment */
  .chroma .c {
    color: #6272a4;
  }
  /* CommentHashbang */
  .chroma .ch {
    color: #6272a4;
  }
  /* CommentMultiline */
  .chroma .cm {
    color: #6272a4;
  }
  /* CommentSingle */
  .chroma .c1 {
    color: #6272a4;
  }
  /* CommentSpecial */
  .chroma .cs {
    color: #6272a4;
  }
  /* CommentPreproc */
  .chroma .cp {
    color: #ff79c6;
  }
  /* CommentPreprocFile */
  .chroma .cpf {
    color: #ff79c6;
  }
  /* Generic */
  .chroma .g {
  }
  /* GenericDeleted */
  .chroma .gd {
    color: #ff5555;
  }
  /* GenericEmph */
  .chroma .ge {
    text-decoration: underline;
  }
  /* GenericError */
  .chroma .gr {
  }
  /* GenericHeading */
  .chroma .gh {
    font-weight: bold;
  }
  /* GenericInserted */
  .chroma .gi {
    color: #50fa7b;
    font-weight: bold;
  }
  /* GenericOutput */
  .chroma .go {
    color: #44475a;
  }
  /* GenericPrompt */
  .chroma .gp {
  }
  /* GenericStrong */
  .chroma .gs {
  }
  /* GenericSubheading */
  .chroma .gu {
    font-weight: bold;
  }
  /* GenericTraceback */
  .chroma .gt {
  }
  /* GenericUnderline */
  .chroma .gl {
    text-decoration: underline;
  }
  /* TextWhitespace */
  .chroma .w {
  }
}