website

Personal website
git clone https://github.com/michaelneuper/website.git
README | Files | Log | Refs

commit f01964e6511afec6ff55fc0f3d1498d33c26f439
parent 08a4e384978701167bc8d9175be293c4271a0634
Author: Michael Neuper <michael@michaelneuper.com>
Date:   Tue,  7 Nov 2023 10:47:16 +0200

Fix syntax highlighting

Diffstat:
Massets/sass/layouts/content.scss | 2+-
Aassets/sass/syntax.scss | 711+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mconfig.toml | 24++++++++++++++++++------
Dstatic/css/syntax.css | 722-------------------------------------------------------------------------------
4 files changed, 730 insertions(+), 729 deletions(-)

diff --git a/assets/sass/layouts/content.scss b/assets/sass/layouts/content.scss @@ -1,6 +1,7 @@ @use "sass:math"; @import "../vars"; +@import "../syntax"; .content { .MathJax { @@ -43,7 +44,6 @@ code { background-color: var(--bg_s); border-radius: $radius; - color: var(--fg); font-family: "Latin Modern Mono", Courier, monospace; padding: 0 0.2rem; } diff --git a/assets/sass/syntax.scss b/assets/sass/syntax.scss @@ -0,0 +1,711 @@ +/* Background */ +.bg { + color: #3c3836; + background-color: #fbf1c7; +} +/* PreWrapper */ +.chroma { + color: #3c3836; + background-color: #fbf1c7; +} +/* 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: #e1d8b3; +} +/* LineNumbersTable */ +.chroma .lnt { + white-space: pre; + -webkit-user-select: none; + user-select: none; + margin-right: 0.4em; + padding: 0 0.4em 0 0.4em; + color: #9d9b9a; +} +/* 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: #9d9b9a; +} +/* Line */ +.chroma .line { + display: flex; +} +/* Keyword */ +.chroma .k { + color: #af3a03; +} +/* KeywordConstant */ +.chroma .kc { + color: #af3a03; +} +/* KeywordDeclaration */ +.chroma .kd { + color: #af3a03; +} +/* KeywordNamespace */ +.chroma .kn { + color: #af3a03; +} +/* KeywordPseudo */ +.chroma .kp { + color: #af3a03; +} +/* KeywordReserved */ +.chroma .kr { + color: #af3a03; +} +/* KeywordType */ +.chroma .kt { + color: #b57614; +} +/* Name */ +.chroma .n { +} +/* NameAttribute */ +.chroma .na { + color: #79740e; + font-weight: bold; +} +/* NameBuiltin */ +.chroma .nb { + color: #b57614; +} +/* NameBuiltinPseudo */ +.chroma .bp { +} +/* NameClass */ +.chroma .nc { +} +/* NameConstant */ +.chroma .no { + color: #d3869b; +} +/* NameDecorator */ +.chroma .nd { +} +/* NameEntity */ +.chroma .ni { + color: #b57614; +} +/* NameException */ +.chroma .ne { + color: #fb4934; +} +/* NameFunction */ +.chroma .nf { + color: #b57614; +} +/* NameFunctionMagic */ +.chroma .fm { +} +/* NameLabel */ +.chroma .nl { + color: #9d0006; +} +/* NameNamespace */ +.chroma .nn { +} +/* NameOther */ +.chroma .nx { +} +/* NameProperty */ +.chroma .py { +} +/* NameTag */ +.chroma .nt { + color: #9d0006; +} +/* NameVariable */ +.chroma .nv { +} +/* NameVariableClass */ +.chroma .vc { +} +/* NameVariableGlobal */ +.chroma .vg { +} +/* NameVariableInstance */ +.chroma .vi { +} +/* NameVariableMagic */ +.chroma .vm { +} +/* Literal */ +.chroma .l { +} +/* LiteralDate */ +.chroma .ld { +} +/* LiteralString */ +.chroma .s { + color: #79740e; +} +/* LiteralStringAffix */ +.chroma .sa { + color: #79740e; +} +/* LiteralStringBacktick */ +.chroma .sb { + color: #79740e; +} +/* LiteralStringChar */ +.chroma .sc { + color: #79740e; +} +/* LiteralStringDelimiter */ +.chroma .dl { + color: #79740e; +} +/* LiteralStringDoc */ +.chroma .sd { + color: #79740e; +} +/* LiteralStringDouble */ +.chroma .s2 { + color: #79740e; +} +/* LiteralStringEscape */ +.chroma .se { + color: #79740e; +} +/* LiteralStringHeredoc */ +.chroma .sh { + color: #79740e; +} +/* LiteralStringInterpol */ +.chroma .si { + color: #79740e; +} +/* LiteralStringOther */ +.chroma .sx { + color: #79740e; +} +/* LiteralStringRegex */ +.chroma .sr { + color: #79740e; +} +/* LiteralStringSingle */ +.chroma .s1 { + color: #79740e; +} +/* LiteralStringSymbol */ +.chroma .ss { + color: #076678; +} +/* LiteralNumber */ +.chroma .m { + color: #8f3f71; +} +/* LiteralNumberBin */ +.chroma .mb { + color: #8f3f71; +} +/* LiteralNumberFloat */ +.chroma .mf { + color: #8f3f71; +} +/* LiteralNumberHex */ +.chroma .mh { + color: #8f3f71; +} +/* LiteralNumberInteger */ +.chroma .mi { + color: #8f3f71; +} +/* LiteralNumberIntegerLong */ +.chroma .il { + color: #8f3f71; +} +/* LiteralNumberOct */ +.chroma .mo { + color: #8f3f71; +} +/* Operator */ +.chroma .o { + color: #af3a03; +} +/* OperatorWord */ +.chroma .ow { + color: #af3a03; +} +/* Punctuation */ +.chroma .p { +} +/* Comment */ +.chroma .c { + color: #928374; + font-style: italic; +} +/* CommentHashbang */ +.chroma .ch { + color: #928374; + font-style: italic; +} +/* CommentMultiline */ +.chroma .cm { + color: #928374; + font-style: italic; +} +/* CommentSingle */ +.chroma .c1 { + color: #928374; + font-style: italic; +} +/* CommentSpecial */ +.chroma .cs { + color: #928374; + font-style: italic; +} +/* CommentPreproc */ +.chroma .cp { + color: #427b58; +} +/* CommentPreprocFile */ +.chroma .cpf { + color: #427b58; + font-style: italic; +} +/* Generic */ +.chroma .g { +} +/* GenericDeleted */ +.chroma .gd { + color: #282828; + background-color: #9d0006; +} +/* GenericEmph */ +.chroma .ge { + color: #076678; + text-decoration: underline; +} +/* GenericError */ +.chroma .gr { + background-color: #9d0006; + font-weight: bold; +} +/* GenericHeading */ +.chroma .gh { + color: #79740e; + font-weight: bold; +} +/* GenericInserted */ +.chroma .gi { + color: #282828; + background-color: #79740e; +} +/* GenericOutput */ +.chroma .go { + color: #504945; +} +/* GenericPrompt */ +.chroma .gp { +} +/* GenericStrong */ +.chroma .gs { +} +/* GenericSubheading */ +.chroma .gu { + color: #79740e; + font-weight: bold; +} +/* GenericTraceback */ +.chroma .gt { + background-color: #3c3836; + font-weight: bold; +} +/* GenericUnderline */ +.chroma .gl { +} +/* TextWhitespace */ +.chroma .w { +} + +.darkmode { + /* Background */ + .bg { + color: #ebdbb2; + background-color: #282828; + } + /* PreWrapper */ + .chroma { + color: #ebdbb2; + background-color: #282828; + } + /* 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: #3d3d3d; + } + /* LineNumbersTable */ + .chroma .lnt { + white-space: pre; + -webkit-user-select: none; + user-select: none; + margin-right: 0.4em; + padding: 0 0.4em 0 0.4em; + color: #756d59; + } + /* 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: #756d59; + } + /* Line */ + .chroma .line { + display: flex; + } + /* Keyword */ + .chroma .k { + color: #fe8019; + } + /* KeywordConstant */ + .chroma .kc { + color: #fe8019; + } + /* KeywordDeclaration */ + .chroma .kd { + color: #fe8019; + } + /* KeywordNamespace */ + .chroma .kn { + color: #fe8019; + } + /* KeywordPseudo */ + .chroma .kp { + color: #fe8019; + } + /* KeywordReserved */ + .chroma .kr { + color: #fe8019; + } + /* KeywordType */ + .chroma .kt { + color: #fabd2f; + } + /* Name */ + .chroma .n { + } + /* NameAttribute */ + .chroma .na { + color: #b8bb26; + font-weight: bold; + } + /* NameBuiltin */ + .chroma .nb { + color: #fabd2f; + } + /* NameBuiltinPseudo */ + .chroma .bp { + } + /* NameClass */ + .chroma .nc { + } + /* NameConstant */ + .chroma .no { + color: #d3869b; + } + /* NameDecorator */ + .chroma .nd { + } + /* NameEntity */ + .chroma .ni { + color: #fabd2f; + } + /* NameException */ + .chroma .ne { + color: #fb4934; + } + /* NameFunction */ + .chroma .nf { + color: #fabd2f; + } + /* NameFunctionMagic */ + .chroma .fm { + } + /* NameLabel */ + .chroma .nl { + color: #fb4934; + } + /* NameNamespace */ + .chroma .nn { + } + /* NameOther */ + .chroma .nx { + } + /* NameProperty */ + .chroma .py { + } + /* NameTag */ + .chroma .nt { + color: #fb4934; + } + /* NameVariable */ + .chroma .nv { + } + /* NameVariableClass */ + .chroma .vc { + } + /* NameVariableGlobal */ + .chroma .vg { + } + /* NameVariableInstance */ + .chroma .vi { + } + /* NameVariableMagic */ + .chroma .vm { + } + /* Literal */ + .chroma .l { + } + /* LiteralDate */ + .chroma .ld { + } + /* LiteralString */ + .chroma .s { + color: #b8bb26; + } + /* LiteralStringAffix */ + .chroma .sa { + color: #b8bb26; + } + /* LiteralStringBacktick */ + .chroma .sb { + color: #b8bb26; + } + /* LiteralStringChar */ + .chroma .sc { + color: #b8bb26; + } + /* LiteralStringDelimiter */ + .chroma .dl { + color: #b8bb26; + } + /* LiteralStringDoc */ + .chroma .sd { + color: #b8bb26; + } + /* LiteralStringDouble */ + .chroma .s2 { + color: #b8bb26; + } + /* LiteralStringEscape */ + .chroma .se { + color: #b8bb26; + } + /* LiteralStringHeredoc */ + .chroma .sh { + color: #b8bb26; + } + /* LiteralStringInterpol */ + .chroma .si { + color: #b8bb26; + } + /* LiteralStringOther */ + .chroma .sx { + color: #b8bb26; + } + /* LiteralStringRegex */ + .chroma .sr { + color: #b8bb26; + } + /* LiteralStringSingle */ + .chroma .s1 { + color: #b8bb26; + } + /* LiteralStringSymbol */ + .chroma .ss { + color: #83a598; + } + /* LiteralNumber */ + .chroma .m { + color: #d3869b; + } + /* LiteralNumberBin */ + .chroma .mb { + color: #d3869b; + } + /* LiteralNumberFloat */ + .chroma .mf { + color: #d3869b; + } + /* LiteralNumberHex */ + .chroma .mh { + color: #d3869b; + } + /* LiteralNumberInteger */ + .chroma .mi { + color: #d3869b; + } + /* LiteralNumberIntegerLong */ + .chroma .il { + color: #d3869b; + } + /* LiteralNumberOct */ + .chroma .mo { + color: #d3869b; + } + /* Operator */ + .chroma .o { + color: #fe8019; + } + /* OperatorWord */ + .chroma .ow { + color: #fe8019; + } + /* Punctuation */ + .chroma .p { + } + /* Comment */ + .chroma .c { + color: #928374; + font-style: italic; + } + /* CommentHashbang */ + .chroma .ch { + color: #928374; + font-style: italic; + } + /* CommentMultiline */ + .chroma .cm { + color: #928374; + font-style: italic; + } + /* CommentSingle */ + .chroma .c1 { + color: #928374; + font-style: italic; + } + /* CommentSpecial */ + .chroma .cs { + color: #928374; + font-style: italic; + } + /* CommentPreproc */ + .chroma .cp { + color: #8ec07c; + } + /* CommentPreprocFile */ + .chroma .cpf { + color: #8ec07c; + font-style: italic; + } + /* Generic */ + .chroma .g { + } + /* GenericDeleted */ + .chroma .gd { + color: #282828; + background-color: #fb4934; + } + /* GenericEmph */ + .chroma .ge { + color: #83a598; + text-decoration: underline; + } + /* GenericError */ + .chroma .gr { + background-color: #fb4934; + font-weight: bold; + } + /* GenericHeading */ + .chroma .gh { + color: #b8bb26; + font-weight: bold; + } + /* GenericInserted */ + .chroma .gi { + color: #282828; + background-color: #b8bb26; + } + /* GenericOutput */ + .chroma .go { + color: #504945; + } + /* GenericPrompt */ + .chroma .gp { + } + /* GenericStrong */ + .chroma .gs { + } + /* GenericSubheading */ + .chroma .gu { + color: #b8bb26; + font-weight: bold; + } + /* GenericTraceback */ + .chroma .gt { + background-color: #fb4934; + font-weight: bold; + } + /* GenericUnderline */ + .chroma .gl { + } + /* TextWhitespace */ + .chroma .w { + } +} diff --git a/config.toml b/config.toml @@ -13,28 +13,40 @@ title = "Michael" identifier = "posts" name = "Blog" url = "/posts/" -pre = "<object class='icon' type='image/svg+xml' data='/images/icons/blog.svg'></object>" +pre = """ +<svg width="1em" height="1em" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> +<path d="M17,11H16a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm0,4H16a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2ZM11,9h6a1,1,0,0,0,0-2H11a1,1,0,0,0,0,2ZM21,3H7A1,1,0,0,0,6,4V7H3A1,1,0,0,0,2,8V18a3,3,0,0,0,3,3H18a4,4,0,0,0,4-4V4A1,1,0,0,0,21,3ZM6,18a1,1,0,0,1-2,0V9H6Zm14-1a2,2,0,0,1-2,2H7.82A3,3,0,0,0,8,18V5H20Zm-9-4h1a1,1,0,0,0,0-2H11a1,1,0,0,0,0,2Zm0,4h1a1,1,0,0,0,0-2H11a1,1,0,0,0,0,2Z"/></svg> +""" weight = 1 [[menu.main]] identifier = "rss" name = "RSS" url = "/index.xml" -pre = "<object type='image/svg+xml' data='/images/icons/rss.svg'></object>" +pre = """ +<svg width="1em" height="1em" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> +<path d="M2.88,16.88a3,3,0,0,0,0,4.24,3,3,0,0,0,4.24,0,3,3,0,0,0-4.24-4.24Zm2.83,2.83a1,1,0,0,1-1.42-1.42,1,1,0,0,1,1.42,0A1,1,0,0,1,5.71,19.71ZM5,12a1,1,0,0,0,0,2,5,5,0,0,1,5,5,1,1,0,0,0,2,0,7,7,0,0,0-7-7ZM5,8a1,1,0,0,0,0,2,9,9,0,0,1,9,9,1,1,0,0,0,2,0,11.08,11.08,0,0,0-3.22-7.78A11.08,11.08,0,0,0,5,8Zm10.61.39A15.11,15.11,0,0,0,5,4,1,1,0,0,0,5,6,13,13,0,0,1,18,19a1,1,0,0,0,2,0A15.11,15.11,0,0,0,15.61,8.39Z"/></svg> +""" weight = 2 [[menu.main]] identifier = "github" name = "GitHub" url = "https://github.com/michaelneuper" -pre = "<object type='image/svg+xml' data='/images/icons/github.svg'></object>" +pre = """ +<svg width="1em" height="1em" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"> +<path d="M10.07031,20.50291a1.00008,1.00008,0,0,0-1.18115-.9834c-1.30908.24024-2.96191.27637-3.40137-.958a5.70754,5.70754,0,0,0-1.83691-2.415,1.20073,1.20073,0,0,1-.1665-.10938,1,1,0,0,0-.93067-.64551H2.54883a.99965.99965,0,0,0-1,.99512c-.00391.81543.811,1.33789,1.1416,1.51465a4.4408,4.4408,0,0,1,.92383,1.35937c.36426,1.02344,1.42285,2.57617,4.46582,2.376.001.03516.00195.06836.00244.09863l.00439.26758a1,1,0,0,0,2,0l-.00488-.31836C10.07715,21.4951,10.07031,21.22068,10.07031,20.50291Zm10.667-15.126c.03174-.125.063-.26367.09034-.41992a6.27792,6.27792,0,0,0-.40821-3.293,1.002,1.002,0,0,0-.61572-.58007c-.356-.12012-1.67041-.35645-4.18408,1.25a13.86918,13.86918,0,0,0-6.354,0C6.76221.751,5.45459.9658,5.10205,1.07908a.99744.99744,0,0,0-.63135.584,6.3003,6.3003,0,0,0-.40332,3.35644c.02442.12793.05078.2461.07813.35449A6.26928,6.26928,0,0,0,2.89014,9.20311a8.42168,8.42168,0,0,0,.04248.92187c.334,4.60254,3.334,5.98438,5.42431,6.459-.04345.125-.083.25878-.11816.40039a1.00023,1.00023,0,0,0,1.94238.47851,1.6784,1.6784,0,0,1,.46778-.87793.99947.99947,0,0,0-.5459-1.74512c-3.4541-.39453-4.95362-1.80175-5.1792-4.89843a6.61076,6.61076,0,0,1-.03369-.73828,4.25769,4.25769,0,0,1,.91943-2.71289,3.022,3.022,0,0,1,.1958-.23145.99988.99988,0,0,0,.188-1.02441,3.3876,3.3876,0,0,1-.15527-.55567A4.09356,4.09356,0,0,1,6.1167,3.06346a7.54263,7.54263,0,0,1,2.415,1.17968,1.00877,1.00877,0,0,0,.82764.13282,11.77716,11.77716,0,0,1,6.17285.001,1.00549,1.00549,0,0,0,.83056-.13769,7.572,7.572,0,0,1,2.40528-1.19043,4.03977,4.03977,0,0,1,.0874,1.57812,3.205,3.205,0,0,1-.16895.60743.9999.9999,0,0,0,.188,1.02441c.07715.08691.1543.18066.22363.26855A4.12186,4.12186,0,0,1,20,9.20311a7.03888,7.03888,0,0,1-.0376.77734c-.22021,3.05566-1.72558,4.46387-5.1958,4.85937a1,1,0,0,0-.54541,1.7461,1.63079,1.63079,0,0,1,.46631.9082,3.06079,3.06079,0,0,1,.09229.81934v2.334C14.77,21.2949,14.77,21.78025,14.77,22.00291a1,1,0,1,0,2,0c0-.2168,0-.69238.00977-1.33984V18.31346a4.8815,4.8815,0,0,0-.15479-1.31153,4.25638,4.25638,0,0,0-.11621-.416,6.51258,6.51258,0,0,0,5.44531-6.42383A8.69677,8.69677,0,0,0,22,9.20311,6.13062,6.13062,0,0,0,20.7373,5.37693Z"/></svg> +""" weight = 3 [[menu.main]] identifier = "contact" name = "Contact" url = "/pages/contact/" -pre = "<object type='image/svg+xml' data='/images/icons/contact.svg'></object>" +pre = """ +<svg width="1em" height="1em" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"> +<path d="M17,21.63H5a3,3,0,0,1-3-3v-8a1,1,0,0,0-2,0v8a5,5,0,0,0,5,5H17a1,1,0,0,0,0-2Zm4-18H7a3,3,0,0,0-3,3v10a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3v-10A3,3,0,0,0,21,3.63Zm-.41,2-5.88,5.88a1,1,0,0,1-1.42,0L7.41,5.63Zm1.41,11a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V7l5.88,5.88a3,3,0,0,0,4.24,0L22,7Z"/></svg> +""" weight = 4 [taxonomies] @@ -46,7 +58,7 @@ defaultMarkdownHandler = "goldmark" [markup.goldmark.renderer] unsafe = true [markup.highlight] -noClasses = true +noClasses = false [markup.tableOfContents] endLevel = 6 ordered = false @@ -87,7 +99,7 @@ code = """ data-reactions-enabled="1" data-emit-metadata="0" data-input-position="top" - data-theme="https://raw.githubusercontent.com/michaelneuper/website/main/static/css/giscus-solarized.css" + data-theme="" data-lang="en" data-loading="lazy" crossorigin="anonymous" diff --git a/static/css/syntax.css b/static/css/syntax.css @@ -1,722 +0,0 @@ -@media (prefers-color-scheme: dark) { - /* Background */ - .bg { - color: #93a1a1; - background-color: #002b36; - } - /* PreWrapper */ - .chroma { - color: #93a1a1; - background-color: #002b36; - } - /* Other */ - .chroma .x { - color: #cb4b16; - } - /* 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: #19404a; - } - /* LineNumbersTable */ - .chroma .lnt { - white-space: pre; - -webkit-user-select: none; - user-select: none; - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; - color: #495050; - } - /* 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: #495050; - } - /* Line */ - .chroma .line { - display: flex; - } - /* Keyword */ - .chroma .k { - color: #719e07; - } - /* KeywordConstant */ - .chroma .kc { - color: #cb4b16; - } - /* KeywordDeclaration */ - .chroma .kd { - color: #268bd2; - } - /* KeywordNamespace */ - .chroma .kn { - color: #719e07; - } - /* KeywordPseudo */ - .chroma .kp { - color: #719e07; - } - /* KeywordReserved */ - .chroma .kr { - color: #268bd2; - } - /* KeywordType */ - .chroma .kt { - color: #dc322f; - } - /* Name */ - .chroma .n { - } - /* NameAttribute */ - .chroma .na { - } - /* NameBuiltin */ - .chroma .nb { - color: #b58900; - } - /* NameBuiltinPseudo */ - .chroma .bp { - color: #268bd2; - } - /* NameClass */ - .chroma .nc { - color: #268bd2; - } - /* NameConstant */ - .chroma .no { - color: #cb4b16; - } - /* NameDecorator */ - .chroma .nd { - color: #268bd2; - } - /* NameEntity */ - .chroma .ni { - color: #cb4b16; - } - /* NameException */ - .chroma .ne { - color: #cb4b16; - } - /* NameFunction */ - .chroma .nf { - color: #268bd2; - } - /* NameFunctionMagic */ - .chroma .fm { - } - /* NameLabel */ - .chroma .nl { - } - /* NameNamespace */ - .chroma .nn { - } - /* NameOther */ - .chroma .nx { - } - /* NameProperty */ - .chroma .py { - } - /* NameTag */ - .chroma .nt { - color: #268bd2; - } - /* NameVariable */ - .chroma .nv { - color: #268bd2; - } - /* NameVariableClass */ - .chroma .vc { - } - /* NameVariableGlobal */ - .chroma .vg { - } - /* NameVariableInstance */ - .chroma .vi { - } - /* NameVariableMagic */ - .chroma .vm { - } - /* Literal */ - .chroma .l { - } - /* LiteralDate */ - .chroma .ld { - } - /* LiteralString */ - .chroma .s { - color: #2aa198; - } - /* LiteralStringAffix */ - .chroma .sa { - color: #2aa198; - } - /* LiteralStringBacktick */ - .chroma .sb { - color: #586e75; - } - /* LiteralStringChar */ - .chroma .sc { - color: #2aa198; - } - /* LiteralStringDelimiter */ - .chroma .dl { - color: #2aa198; - } - /* LiteralStringDoc */ - .chroma .sd { - } - /* LiteralStringDouble */ - .chroma .s2 { - color: #2aa198; - } - /* LiteralStringEscape */ - .chroma .se { - color: #cb4b16; - } - /* LiteralStringHeredoc */ - .chroma .sh { - } - /* LiteralStringInterpol */ - .chroma .si { - color: #2aa198; - } - /* LiteralStringOther */ - .chroma .sx { - color: #2aa198; - } - /* LiteralStringRegex */ - .chroma .sr { - color: #dc322f; - } - /* LiteralStringSingle */ - .chroma .s1 { - color: #2aa198; - } - /* LiteralStringSymbol */ - .chroma .ss { - color: #2aa198; - } - /* LiteralNumber */ - .chroma .m { - color: #2aa198; - } - /* LiteralNumberBin */ - .chroma .mb { - color: #2aa198; - } - /* LiteralNumberFloat */ - .chroma .mf { - color: #2aa198; - } - /* LiteralNumberHex */ - .chroma .mh { - color: #2aa198; - } - /* LiteralNumberInteger */ - .chroma .mi { - color: #2aa198; - } - /* LiteralNumberIntegerLong */ - .chroma .il { - color: #2aa198; - } - /* LiteralNumberOct */ - .chroma .mo { - color: #2aa198; - } - /* Operator */ - .chroma .o { - color: #719e07; - } - /* OperatorWord */ - .chroma .ow { - color: #719e07; - } - /* Punctuation */ - .chroma .p { - } - /* Comment */ - .chroma .c { - color: #586e75; - } - /* CommentHashbang */ - .chroma .ch { - color: #586e75; - } - /* CommentMultiline */ - .chroma .cm { - color: #586e75; - } - /* CommentSingle */ - .chroma .c1 { - color: #586e75; - } - /* CommentSpecial */ - .chroma .cs { - color: #719e07; - } - /* CommentPreproc */ - .chroma .cp { - color: #719e07; - } - /* CommentPreprocFile */ - .chroma .cpf { - color: #719e07; - } - /* Generic */ - .chroma .g { - } - /* GenericDeleted */ - .chroma .gd { - color: #dc322f; - } - /* GenericEmph */ - .chroma .ge { - font-style: italic; - } - /* GenericError */ - .chroma .gr { - color: #dc322f; - font-weight: bold; - } - /* GenericHeading */ - .chroma .gh { - color: #cb4b16; - } - /* GenericInserted */ - .chroma .gi { - color: #719e07; - } - /* GenericOutput */ - .chroma .go { - } - /* GenericPrompt */ - .chroma .gp { - } - /* GenericStrong */ - .chroma .gs { - font-weight: bold; - } - /* GenericSubheading */ - .chroma .gu { - color: #268bd2; - } - /* GenericTraceback */ - .chroma .gt { - } - /* GenericUnderline */ - .chroma .gl { - } - /* TextWhitespace */ - .chroma .w { - } -} - -@media (prefers-color-scheme: light) { - /* Background */ - .bg { - color: #586e75; - background-color: #eee8d5; - } - /* PreWrapper */ - .chroma { - color: #586e75; - background-color: #eee8d5; - } - /* 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: #d6d0bf; - } - /* LineNumbersTable */ - .chroma .lnt { - white-space: pre; - -webkit-user-select: none; - user-select: none; - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; - color: #7f7f7f; - } - /* 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: #7f7f7f; - } - /* Line */ - .chroma .line { - display: flex; - } - /* Keyword */ - .chroma .k { - color: #859900; - } - /* KeywordConstant */ - .chroma .kc { - color: #859900; - font-weight: bold; - } - /* KeywordDeclaration */ - .chroma .kd { - color: #859900; - } - /* KeywordNamespace */ - .chroma .kn { - color: #dc322f; - font-weight: bold; - } - /* KeywordPseudo */ - .chroma .kp { - color: #859900; - } - /* KeywordReserved */ - .chroma .kr { - color: #859900; - } - /* KeywordType */ - .chroma .kt { - color: #859900; - font-weight: bold; - } - /* Name */ - .chroma .n { - color: #268bd2; - } - /* NameAttribute */ - .chroma .na { - color: #268bd2; - } - /* NameBuiltin */ - .chroma .nb { - color: #cb4b16; - } - /* NameBuiltinPseudo */ - .chroma .bp { - color: #268bd2; - } - /* NameClass */ - .chroma .nc { - color: #cb4b16; - } - /* NameConstant */ - .chroma .no { - color: #268bd2; - } - /* NameDecorator */ - .chroma .nd { - color: #268bd2; - } - /* NameEntity */ - .chroma .ni { - color: #268bd2; - } - /* NameException */ - .chroma .ne { - color: #268bd2; - } - /* NameFunction */ - .chroma .nf { - color: #268bd2; - } - /* NameFunctionMagic */ - .chroma .fm { - color: #268bd2; - } - /* NameLabel */ - .chroma .nl { - color: #268bd2; - } - /* NameNamespace */ - .chroma .nn { - color: #268bd2; - } - /* NameOther */ - .chroma .nx { - color: #268bd2; - } - /* NameProperty */ - .chroma .py { - color: #268bd2; - } - /* NameTag */ - .chroma .nt { - color: #268bd2; - font-weight: bold; - } - /* NameVariable */ - .chroma .nv { - color: #268bd2; - } - /* NameVariableClass */ - .chroma .vc { - color: #268bd2; - } - /* NameVariableGlobal */ - .chroma .vg { - color: #268bd2; - } - /* NameVariableInstance */ - .chroma .vi { - color: #268bd2; - } - /* NameVariableMagic */ - .chroma .vm { - color: #268bd2; - } - /* Literal */ - .chroma .l { - color: #2aa198; - } - /* LiteralDate */ - .chroma .ld { - color: #2aa198; - } - /* LiteralString */ - .chroma .s { - color: #2aa198; - } - /* LiteralStringAffix */ - .chroma .sa { - color: #2aa198; - } - /* LiteralStringBacktick */ - .chroma .sb { - color: #2aa198; - } - /* LiteralStringChar */ - .chroma .sc { - color: #2aa198; - } - /* LiteralStringDelimiter */ - .chroma .dl { - color: #2aa198; - } - /* LiteralStringDoc */ - .chroma .sd { - color: #2aa198; - } - /* LiteralStringDouble */ - .chroma .s2 { - color: #2aa198; - } - /* LiteralStringEscape */ - .chroma .se { - color: #2aa198; - } - /* LiteralStringHeredoc */ - .chroma .sh { - color: #2aa198; - } - /* LiteralStringInterpol */ - .chroma .si { - color: #2aa198; - } - /* LiteralStringOther */ - .chroma .sx { - color: #2aa198; - } - /* LiteralStringRegex */ - .chroma .sr { - color: #2aa198; - } - /* LiteralStringSingle */ - .chroma .s1 { - color: #2aa198; - } - /* LiteralStringSymbol */ - .chroma .ss { - color: #2aa198; - } - /* LiteralNumber */ - .chroma .m { - color: #2aa198; - font-weight: bold; - } - /* LiteralNumberBin */ - .chroma .mb { - color: #2aa198; - font-weight: bold; - } - /* LiteralNumberFloat */ - .chroma .mf { - color: #2aa198; - font-weight: bold; - } - /* LiteralNumberHex */ - .chroma .mh { - color: #2aa198; - font-weight: bold; - } - /* LiteralNumberInteger */ - .chroma .mi { - color: #2aa198; - font-weight: bold; - } - /* LiteralNumberIntegerLong */ - .chroma .il { - color: #2aa198; - font-weight: bold; - } - /* LiteralNumberOct */ - .chroma .mo { - color: #2aa198; - font-weight: bold; - } - /* Operator */ - .chroma .o { - } - /* OperatorWord */ - .chroma .ow { - color: #859900; - } - /* Punctuation */ - .chroma .p { - } - /* Comment */ - .chroma .c { - color: #93a1a1; - font-style: italic; - } - /* CommentHashbang */ - .chroma .ch { - color: #93a1a1; - font-style: italic; - } - /* CommentMultiline */ - .chroma .cm { - color: #93a1a1; - font-style: italic; - } - /* CommentSingle */ - .chroma .c1 { - color: #93a1a1; - font-style: italic; - } - /* CommentSpecial */ - .chroma .cs { - color: #93a1a1; - font-style: italic; - } - /* CommentPreproc */ - .chroma .cp { - color: #93a1a1; - font-style: italic; - } - /* CommentPreprocFile */ - .chroma .cpf { - color: #93a1a1; - font-style: italic; - } - /* Generic */ - .chroma .g { - color: #d33682; - } - /* GenericDeleted */ - .chroma .gd { - color: #d33682; - } - /* GenericEmph */ - .chroma .ge { - color: #d33682; - } - /* GenericError */ - .chroma .gr { - color: #d33682; - } - /* GenericHeading */ - .chroma .gh { - color: #d33682; - } - /* GenericInserted */ - .chroma .gi { - color: #d33682; - } - /* GenericOutput */ - .chroma .go { - color: #d33682; - } - /* GenericPrompt */ - .chroma .gp { - color: #d33682; - } - /* GenericStrong */ - .chroma .gs { - color: #d33682; - } - /* GenericSubheading */ - .chroma .gu { - color: #d33682; - } - /* GenericTraceback */ - .chroma .gt { - color: #d33682; - } - /* GenericUnderline */ - .chroma .gl { - color: #d33682; - } - /* TextWhitespace */ - .chroma .w { - } -}