repos/kloeckner.com.ar

Backup of part of my webpage
Commits Files Refs README LICENSE
commit c186e295692e7ca488d82c8e8cb25223178734ca
parent 22c5c5712e2ede8d1942ab14e549e0c41a3b8754
Author: Martin Kloeckner <mjkloeckner@gmail.com>
Date:   Sat, 19 Sep 2026 13:11:29 -0300

style: use gruvbox light/dark for blog posts syntax highlight

Diffstat:
Mcss/article_src.css | 81-------------------------------------------------------------------------------
Mcss/colors_src.css | 231+++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------
2 files changed, 156 insertions(+), 156 deletions(-)
diff --git a/css/article_src.css b/css/article_src.css
@@ -93,87 +93,6 @@ blockquote {
     }
 }
 
-/* Monokai theme */
-/* Background */ .bg { color: antiquewhite; background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4 }
-/* PreWrapper */ .chroma { color: antiquewhite; background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }
-/* Punctuation */ .chroma .p { color: antiquewhite; }
-/* 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: #3d4148 }
-/* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #58626f }
-/* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #58626f }
-/* Line */ .chroma .line { display: flex; }
-/* Keyword */ .chroma .k { color: #c678dd }
-/* KeywordConstant */ .chroma .kc { color: #b756ff; font-weight: bold }
-/* KeywordDeclaration */ .chroma .kd { color: #c678dd }
-/* KeywordNamespace */ .chroma .kn { color: #c678dd }
-/* KeywordPseudo */ .chroma .kp { color: #c678dd }
-/* KeywordReserved */ .chroma .kr { color: #c678dd }
-/* KeywordType */ .chroma .kt { color: #ef8383 }
-/* Name */ .chroma .n { color: antiquewhite }
-/* NameAttribute */ .chroma .na { color: #b3d23c }
-/* NameBuiltin */ .chroma .nb { color: #ef8383 }
-/* NameBuiltinPseudo */ .chroma .bp { color: #c1abea }
-/* NameClass */ .chroma .nc { color: #76a9f9 }
-/* NameConstant */ .chroma .no { color: #b756ff; font-weight: bold }
-/* NameDecorator */ .chroma .nd { color: #e5c07b }
-/* NameEntity */ .chroma .ni { color: #bda26f }
-/* NameException */ .chroma .ne { color: #fd7474; font-weight: bold }
-/* NameFunction */ .chroma .nf { color: #00b1f7 }
-/* NameFunctionMagic */ .chroma .fm { color: #c1abea }
-/* NameLabel */ .chroma .nl { color: #f5a40d }
-/* NameNamespace */ .chroma .nn { color: #76a9f9 }
-/* NameOther */ .chroma .nx { color: antiquewhite }
-/* NameProperty */ .chroma .py { color: #cebc3a }
-/* NameTag */ .chroma .nt { color: #e06c75 }
-/* NameVariable */ .chroma .nv { color: #dcaeea }
-/* NameVariableClass */ .chroma .vc { color: #c1abea }
-/* NameVariableGlobal */ .chroma .vg { color: #dcaeea; font-weight: bold }
-/* NameVariableInstance */ .chroma .vi { color: #e06c75 }
-/* NameVariableMagic */ .chroma .vm { color: #c1abea }
-/* Literal */ .chroma .l { color: #98c379 }
-/* LiteralDate */ .chroma .ld { color: #98c379 }
-/* LiteralString */ .chroma .s { color: #98c379 }
-/* LiteralStringAffix */ .chroma .sa { color: #98c379 }
-/* LiteralStringBacktick */ .chroma .sb { color: #98c379 }
-/* LiteralStringChar */ .chroma .sc { color: #98c379 }
-/* LiteralStringDelimiter */ .chroma .dl { color: #98c379 }
-/* LiteralStringDoc */ .chroma .sd { color: #7e97c3 }
-/* LiteralStringDouble */ .chroma .s2 { color: #63c381 }
-/* LiteralStringEscape */ .chroma .se { color: #d26464; font-weight: bold }
-/* LiteralStringHeredoc */ .chroma .sh { color: #98c379 }
-/* LiteralStringInterpol */ .chroma .si { color: #98c379 }
-/* LiteralStringOther */ .chroma .sx { color: #70b33f }
-/* LiteralStringRegex */ .chroma .sr { color: #56b6c2 }
-/* LiteralStringSingle */ .chroma .s1 { color: #98c379 }
-/* LiteralStringSymbol */ .chroma .ss { color: #56b6c2 }
-/* LiteralNumber */ .chroma .m { color: #d19a66 }
-/* LiteralNumberBin */ .chroma .mb { color: #d19a66 }
-/* LiteralNumberFloat */ .chroma .mf { color: #d19a66 }
-/* LiteralNumberHex */ .chroma .mh { color: #d19a66 }
-/* LiteralNumberInteger */ .chroma .mi { color: #d19a66 }
-/* LiteralNumberIntegerLong */ .chroma .il { color: #d19a66 }
-/* LiteralNumberOct */ .chroma .mo { color: #d19a66 }
-/* Operator */ .chroma .o { color: #c7bf54 }
-/* OperatorWord */ .chroma .ow { color: #b756ff; font-weight: bold }
-/* Comment */ .chroma .c { color: #8a93a5; font-style: italic }
-/* CommentHashbang */ .chroma .ch { color: #8a93a5; font-weight: bold; font-style: italic }
-/* CommentMultiline */ .chroma .cm { color: #8a93a5; font-style: italic }
-/* CommentSingle */ .chroma .c1 { color: #8a93a5; font-style: italic }
-/* CommentSpecial */ .chroma .cs { color: #8a93a5; font-style: italic }
-/* CommentPreproc */ .chroma .cp { color: #8a93a5; font-style: italic }
-/* CommentPreprocFile */ .chroma .cpf { color: #8a93a5; font-style: italic }
-/* GenericEmph */ .chroma .ge { font-style: italic }
-/* GenericHeading */ .chroma .gh { color: #a2cbff; font-weight: bold }
-/* GenericInserted */ .chroma .gi { color: #a6e22e }
-/* Generic X (used for diff file remove line) */ .chroma .gd { color: red }
-/* GenericOutput */ .chroma .go { color: #a6e22e }
-/* GenericPrompt */ .chroma .gp { color: #a6e22e }
-/* GenericStrong */ .chroma .gs { font-weight: bold }
-/* GenericSubheading */ .chroma .gu { color: #a2cbff }
-/* GenericTraceback */ .chroma .gt { color: #a2cbff }
-/* GenericUnderline */ .chroma .gl { text-decoration: underline }
-
 @media (max-width: 800px) {
     .article_bottom_bar {
         /* width: 45%; */
diff --git a/css/colors_src.css b/css/colors_src.css
@@ -16,6 +16,87 @@
     --pre-border-color: #6A6A6A;
     --article-date: #9D96B8;
     --grey1: #3C3C3C;
+
+    /* Gruvbox dark theme */
+    /* Background */ .bg { color: #ebdbb2; background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4 }
+    /* PreWrapper */ .chroma { color: #ebdbb2; background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }
+    /* Punctuation */ .chroma .p { color: #ebdbb2; }
+    /* 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: var(--fg-color) }
+    /* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #928374 }
+    /* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #928374 }
+    /* Line */ .chroma .line { display: flex; }
+    /* Keyword */ .chroma .k { color: #fb4934 }
+    /* KeywordConstant */ .chroma .kc { color: #fabd2f; font-weight: bold }
+    /* KeywordDeclaration */ .chroma .kd { color: #fb4934 }
+    /* KeywordNamespace */ .chroma .kn { color: #fb4934 }
+    /* KeywordPseudo */ .chroma .kp { color: #fb4934 }
+    /* KeywordReserved */ .chroma .kr { color: #fb4934 }
+    /* KeywordType */ .chroma .kt { color: #8ec07c }
+    /* Name */ .chroma .n { color: #ebdbb2 }
+    /* NameAttribute */ .chroma .na { color: #b8bb26 }
+    /* NameBuiltin */ .chroma .nb { color: #8ec07c }
+    /* NameBuiltinPseudo */ .chroma .bp { color: #83a598 }
+    /* NameClass */ .chroma .nc { color: #fabd2f }
+    /* NameConstant */ .chroma .no { color: #d3869b; font-weight: bold }
+    /* NameDecorator */ .chroma .nd { color: #fabd2f }
+    /* NameEntity */ .chroma .ni { color: #83a598 }
+    /* NameException */ .chroma .ne { color: #fb4934; font-weight: bold }
+    /* NameFunction */ .chroma .nf { color: #b8bb26 }
+    /* NameFunctionMagic */ .chroma .fm { color: #b8bb26 }
+    /* NameLabel */ .chroma .nl { color: #8ec07c }
+    /* NameNamespace */ .chroma .nn { color: #fabd2f }
+    /* NameOther */ .chroma .nx { color: #ebdbb2 }
+    /* NameProperty */ .chroma .py { color: #83a598 }
+    /* NameTag */ .chroma .nt { color: #fb4934 }
+    /* NameVariable */ .chroma .nv { color: #83a598 }
+    /* NameVariableClass */ .chroma .vc { color: #83a598 }
+    /* NameVariableGlobal */ .chroma .vg { color: #83a598; font-weight: bold }
+    /* NameVariableInstance */ .chroma .vi { color: #83a598 }
+    /* NameVariableMagic */ .chroma .vm { color: #83a598 }
+    /* Literal */ .chroma .l { color: #d3869b }
+    /* LiteralDate */ .chroma .ld { color: #b8bb26 }
+    /* 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: #83a598 }
+    /* LiteralStringDouble */ .chroma .s2 { color: #b8bb26 }
+    /* LiteralStringEscape */ .chroma .se { color: #fe8019; font-weight: bold }
+    /* LiteralStringHeredoc */ .chroma .sh { color: #b8bb26 }
+    /* LiteralStringInterpol */ .chroma .si { color: #b8bb26 }
+    /* LiteralStringOther */ .chroma .sx { color: #b8bb26 }
+    /* LiteralStringRegex */ .chroma .sr { color: #8ec07c }
+    /* LiteralStringSingle */ .chroma .s1 { color: #b8bb26 }
+    /* LiteralStringSymbol */ .chroma .ss { color: #8ec07c }
+    /* 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: #fb4934; font-weight: bold }
+    /* Comment */ .chroma .c { color: #928374; font-style: italic }
+    /* CommentHashbang */ .chroma .ch { color: #928374; font-weight: bold; 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; font-style: italic }
+    /* CommentPreprocFile */ .chroma .cpf { color: #8ec07c; font-style: italic }
+    /* GenericEmph */ .chroma .ge { font-style: italic }
+    /* GenericHeading */ .chroma .gh { color: #fabd2f; font-weight: bold }
+    /* GenericInserted */ .chroma .gi { color: #b8bb26 }
+    /* Generic X (used for diff file remove line) */ .chroma .gd { color: #fb4934 }
+    /* GenericOutput */ .chroma .go { color: #8ec07c }
+    /* GenericPrompt */ .chroma .gp { color: #8ec07c }
+    /* GenericStrong */ .chroma .gs { font-weight: bold }
+    /* GenericSubheading */ .chroma .gu { color: #83a598 }
+    /* GenericTraceback */ .chroma .gt { color: #fb4934 }
+    /* GenericUnderline */ .chroma .gl { text-decoration: underline }
 }
 
 [data-theme="light"] {
@@ -33,82 +114,82 @@
     --pre-border-color: #aaa;
     /* --code-bg: #656c76; */
     --code-bg: rgba(190,198,219,0.2);
+    --code-bg: #fdf6dc;
     --article-date: #7E5A9B;
     --grey1: #D0D0D0;
 
-    /* Monokai light theme */
-    /* Background */ .bg { color: #272822; background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4 }
-    /* PreWrapper */ .chroma { color: #272822; background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }
-    /* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
-    /* 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: #e1e1e1 }
-    /* 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: #00a8c8 }
-    /* KeywordConstant */ .chroma .kc { color: #00a8c8 }
-    /* KeywordDeclaration */ .chroma .kd { color: #00a8c8 }
-    /* KeywordNamespace */ .chroma .kn { color: #f92672 }
-    /* KeywordPseudo */ .chroma .kp { color: #00a8c8 }
-    /* KeywordReserved */ .chroma .kr { color: #00a8c8 }
-    /* KeywordType */ .chroma .kt { color: #00a8c8 }
-    /* Name */ .chroma .n { color: #111111 }
-    /* NameAttribute */ .chroma .na { color: #75af00 }
-    /* NameBuiltin */ .chroma .nb { color: #111111 }
-    /* NameBuiltinPseudo */ .chroma .bp { color: #111111 }
-    /* NameClass */ .chroma .nc { color: #75af00 }
-    /* NameConstant */ .chroma .no { color: #00a8c8 }
-    /* NameDecorator */ .chroma .nd { color: #75af00 }
-    /* NameEntity */ .chroma .ni { color: #111111 }
-    /* NameException */ .chroma .ne { color: #75af00 }
-    /* NameFunction */ .chroma .nf { color: #75af00 }
-    /* NameFunctionMagic */ .chroma .fm { color: #111111 }
-    /* NameLabel */ .chroma .nl { color: #111111 }
-    /* NameNamespace */ .chroma .nn { color: #111111 }
-    /* NameOther */ .chroma .nx { color: #75af00 }
-    /* NameProperty */ .chroma .py { color: #111111 }
-    /* NameTag */ .chroma .nt { color: #f92672 }
-    /* NameVariable */ .chroma .nv { color: #111111 }
-    /* NameVariableClass */ .chroma .vc { color: #111111 }
-    /* NameVariableGlobal */ .chroma .vg { color: #111111 }
-    /* NameVariableInstance */ .chroma .vi { color: #111111 }
-    /* NameVariableMagic */ .chroma .vm { color: #111111 }
-    /* Literal */ .chroma .l { color: #ae81ff }
-    /* LiteralDate */ .chroma .ld { color: #d88200 }
-    /* LiteralString */ .chroma .s { color: #d88200 }
-    /* LiteralStringAffix */ .chroma .sa { color: #d88200 }
-    /* LiteralStringBacktick */ .chroma .sb { color: #d88200 }
-    /* LiteralStringChar */ .chroma .sc { color: #d88200 }
-    /* LiteralStringDelimiter */ .chroma .dl { color: #d88200 }
-    /* LiteralStringDoc */ .chroma .sd { color: #d88200 }
-    /* LiteralStringDouble */ .chroma .s2 { color: #d88200 }
-    /* LiteralStringEscape */ .chroma .se { color: #8045ff }
-    /* LiteralStringHeredoc */ .chroma .sh { color: #d88200 }
-    /* LiteralStringInterpol */ .chroma .si { color: #d88200 }
-    /* LiteralStringOther */ .chroma .sx { color: #d88200 }
-    /* LiteralStringRegex */ .chroma .sr { color: #d88200 }
-    /* LiteralStringSingle */ .chroma .s1 { color: #d88200 }
-    /* LiteralStringSymbol */ .chroma .ss { color: #d88200 }
-    /* LiteralNumber */ .chroma .m { color: #ae81ff }
-    /* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
-    /* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
-    /* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
-    /* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
-    /* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
-    /* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
-    /* Operator */ .chroma .o { color: #f92672 }
-    /* OperatorWord */ .chroma .ow { color: #f92672 }
-    /* Punctuation */ .chroma .p { color: #111111 }
-    /* Comment */ .chroma .c { color: #75715e }
-    /* CommentHashbang */ .chroma .ch { color: #75715e }
-    /* CommentMultiline */ .chroma .cm { color: #75715e }
-    /* CommentSingle */ .chroma .c1 { color: #75715e }
-    /* CommentSpecial */ .chroma .cs { color: #75715e }
-    /* CommentPreproc */ .chroma .cp { color: #75715e }
-    /* CommentPreprocFile */ .chroma .cpf { color: #75715e }
-    /* GenericEmph */ .chroma .ge { font-style: italic }
-    /* GenericStrong */ .chroma .gs { font-weight: bold }
-    /* GenericInserted */ .chroma .gi { color: #34d058 }
+    /* Gruvbox light theme */
+    /* Background */ .bg { color: var(--fg-color); background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4 }
+    /* PreWrapper */ .chroma { color: var(--fg-color); background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }
+    /* Error */ .chroma .err { color: #9d0006; background-color: #fbf1c7 }
+    /* 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: #ebdbb2 }
+    /* LineNumbersTable */ .chroma .lnt { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #928374 }
+    /* LineNumbers */ .chroma .ln { white-space: pre; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #928374 }
+    /* Line */ .chroma .line { display: flex; }
+    /* Keyword */ .chroma .k { color: #9d0006 }
+    /* KeywordConstant */ .chroma .kc { color: #9d0006 }
+    /* KeywordDeclaration */ .chroma .kd { color: #9d0006 }
+    /* KeywordNamespace */ .chroma .kn { color: #9d0006 }
+    /* KeywordPseudo */ .chroma .kp { color: #9d0006 }
+    /* KeywordReserved */ .chroma .kr { color: #9d0006 }
+    /* KeywordType */ .chroma .kt { color: #b57614 }
+    /* Name */ .chroma .n { color: var(--fg-color) }
+    /* NameAttribute */ .chroma .na { color: #79740e }
+    /* NameBuiltin */ .chroma .nb { color: #076678 }
+    /* NameBuiltinPseudo */ .chroma .bp { color: #076678 }
+    /* NameClass */ .chroma .nc { color: #8f3f71 }
+    /* NameConstant */ .chroma .no { color: #8f3f71 }
+    /* NameDecorator */ .chroma .nd { color: #79740e }
+    /* NameEntity */ .chroma .ni { color: #427b58 }
+    /* NameException */ .chroma .ne { color: #9d0006 }
+    /* NameFunction */ .chroma .nf { color: #427b58 }
+    /* NameFunctionMagic */ .chroma .fm { color: #427b58 }
+    /* NameLabel */ .chroma .nl { color: #9d0006 }
+    /* NameNamespace */ .chroma .nn { color: #8f3f71 }
+    /* NameOther */ .chroma .nx { color: var(--fg-color) }
+    /* NameProperty */ .chroma .py { color: var(--fg-color) }
+    /* NameTag */ .chroma .nt { color: #9d0006 }
+    /* NameVariable */ .chroma .nv { color: #8f3f71 }
+    /* NameVariableClass */ .chroma .vc { color: #8f3f71 }
+    /* NameVariableGlobal */ .chroma .vg { color: #8f3f71 }
+    /* NameVariableInstance */ .chroma .vi { color: #8f3f71 }
+    /* NameVariableMagic */ .chroma .vm { color: #8f3f71 }
+    /* Literal */ .chroma .l { color: #8f3f71 }
+    /* LiteralDate */ .chroma .ld { color: #79740e }
+    /* 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: #b57614 }
+    /* LiteralStringHeredoc */ .chroma .sh { color: #79740e }
+    /* LiteralStringInterpol */ .chroma .si { color: #79740e }
+    /* LiteralStringOther */ .chroma .sx { color: #79740e }
+    /* LiteralStringRegex */ .chroma .sr { color: #8f3f71 }
+    /* LiteralStringSingle */ .chroma .s1 { color: #79740e }
+    /* LiteralStringSymbol */ .chroma .ss { color: #79740e }
+    /* 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: #9d0006 }
+    /* OperatorWord */ .chroma .ow { color: #9d0006 }
+    /* Punctuation */ .chroma .p { color: var(--fg-color) }
+    /* Comment */ .chroma .c { color: #928374 }
+    /* CommentHashbang */ .chroma .ch { color: #928374 }
+    /* CommentMultiline */ .chroma .cm { color: #928374 }
+    /* CommentSingle */ .chroma .c1 { color: #928374 }
+    /* CommentSpecial */ .chroma .cs { color: #928374 }
+    /* CommentPreproc */ .chroma .cp { color: #928374 }
+    /* CommentPreprocFile */ .chroma .cpf { color: #928374 }
+    /* GenericEmph */ .chroma .ge { font-style: italic }
+    /* GenericStrong */ .chroma .gs { font-weight: bold }
+    /* GenericInserted */ .chroma .gi { color: #79740e }
 }
-