.highlight { .err { border: 1px solid var(--code-red); } // Error .o { color: var(--code-cyan); } // Operator /* * Comment */ .c, .cm, // Multiline .c1 { // Single color: var(--code-blue); } .cs, // Special .ch { // Hashbang color: var(--code-magenta); } .cp, // Preproc .cpf { // PreprocFile color: var(--code-red); } /* * Generic */ .gh, // Generic.Heading .gu { // Generic.Subheading color: var(--code-magenta); } .gi { color: var(--code-cyan); } // Generic.Inserted .gd { color: var(--code-magenta); } // Generic.Deleted .gs { font-weight: bold; } // Generic.Strong .ge { font-style: italic; } // Generic.Emph .gr { color: var(--code-red); } // Generic.Error .go { color: var(--code-muted); } // Generic.Output .gp { color: var(--code-blue); } // Generic.Prompt .gt { color: var(--code-red); } // Generic.Traceback /* * Keyword */ .k { color: var(--code-yellow); } // Keyword .kc { color: var(--code-red); } // Keyword.Constant .kd { color: var(--code-green); } // Keyword.Declaration .kn { color: var(--code-magenta); } // Keyword.Namespace .kr { color: var(--code-green); } // Keyword.Reserved .kt { color: var(--code-green); } // Keyword.Type /* * Literal */ .ld, // Date .m, // Number .mb, // Number.Bin .mh, // Number.Hex .mi, // Number.Integer .il, // Number.Integer.Long .mo, // Number.Oct .mf, // Number.Float .s, // String .sa, // String.Affix .sb, // String.Backtick .sc, // String.Char .dl, // String.Delimiter .sd, // String.Doc .s2, // String.Double .sh, // String.Heredoc .si, // String.Interpol .sx, // String.Other .sr, // String.Regex .s1, // String.Single .ss { // String.Symbol color: var(--code-red); } .se { // String.Escape color: var(--code-magenta); } /* * Name */ .nc, // Class .nf, // Function .nl, // Label .nn, // Namespace .py, // Property .nv, // Variable .vc, // Variable.Class .vg, // Variable.Global .vi, // Variable.Instance .vm { // Variable.Magic color: var(--code-cyan); } .ne, // Exception .nt { // Tag color: var(--code-green); } .nb, // Builtin .no, // Constant .nd, // Decorator .ni { // Entity color: var(--code-magenta) } .na { color: var(--code-red) } // Attribute .ow { color: var(--code-yellow); } // Operator.Word /* * HTML */ code[data-lang="html"] { .na { color: var(--code-green); } // Name.Attribute .nt { color: var(--code-yellow); } // Name.Tag .p { color: var(--code-cyan); } // Punctuation } /* * Diff */ code[data-lang="diff"] { .gh { color: var(--code-green); } // Generic.Heading .gu { color: var(--code-yellow); } // Generic.Subheading } /* * CSS/SCSS */ code[data-lang="css"], code[data-lang="scss"] { .nn { color: var(--code-red); } // Namespace } /* * Shell */ code[data-lang="sh"], code[data-lang="bash"] { .cp { color: var(--code-magenta); } // Namespace .p { color: var(--code-yellow); } // Punctuation } }