From 39651e163a6da05f6d4beef376c5780cbaa51d90 Mon Sep 17 00:00:00 2001 From: Vaica <94612053+zqlit@users.noreply.github.com> Date: Thu, 22 Jan 2026 19:41:47 +0800 Subject: [PATCH] =?UTF-8?q?fixed=20=E4=BB=A3=E7=A0=81=E9=AB=98=E4=BA=AEbug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dracula.css | 86 +++++++++ friendly.css | 86 +++++++++ github.css | 86 +++++++++ hugo.toml | 2 +- monokai.css | 86 +++++++++ nord.css | 86 +++++++++ solarized-dark.css | 86 +++++++++ tango.css | 86 +++++++++ themes/Ying/layouts/_default/circles.html | 2 +- themes/Ying/static/css/main.css | 209 ++++++++++++++++++++-- update_css.py | 62 +++++++ 11 files changed, 862 insertions(+), 15 deletions(-) create mode 100644 dracula.css create mode 100644 friendly.css create mode 100644 github.css create mode 100644 monokai.css create mode 100644 nord.css create mode 100644 solarized-dark.css create mode 100644 tango.css create mode 100644 update_css.py diff --git a/dracula.css b/dracula.css new file mode 100644 index 00000000..3600bbc9 --- /dev/null +++ b/dracula.css @@ -0,0 +1,86 @@ +/* Background */ .bg { color:#f8f8f2;background-color:#282a36; } +/* PreWrapper */ .chroma { color:#f8f8f2;background-color:#282a36; } +/* 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 { 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:#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:#f55 } +/* 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 { } diff --git a/friendly.css b/friendly.css new file mode 100644 index 00000000..670176b5 --- /dev/null +++ b/friendly.css @@ -0,0 +1,86 @@ +/* Background */ .bg { background-color:#f0f0f0; } +/* PreWrapper */ .chroma { background-color:#f0f0f0; } +/* 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:#d8d8d8 } +/* 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:#007020;font-weight:bold } +/* KeywordConstant */ .chroma .kc { color:#007020;font-weight:bold } +/* KeywordDeclaration */ .chroma .kd { color:#007020;font-weight:bold } +/* KeywordNamespace */ .chroma .kn { color:#007020;font-weight:bold } +/* KeywordPseudo */ .chroma .kp { color:#007020 } +/* KeywordReserved */ .chroma .kr { color:#007020;font-weight:bold } +/* KeywordType */ .chroma .kt { color:#902000 } +/* Name */ .chroma .n { } +/* NameAttribute */ .chroma .na { color:#4070a0 } +/* NameBuiltin */ .chroma .nb { color:#007020 } +/* NameBuiltinPseudo */ .chroma .bp { } +/* NameClass */ .chroma .nc { color:#0e84b5;font-weight:bold } +/* NameConstant */ .chroma .no { color:#60add5 } +/* NameDecorator */ .chroma .nd { color:#555;font-weight:bold } +/* NameEntity */ .chroma .ni { color:#d55537;font-weight:bold } +/* NameException */ .chroma .ne { color:#007020 } +/* NameFunction */ .chroma .nf { color:#06287e } +/* NameFunctionMagic */ .chroma .fm { } +/* NameLabel */ .chroma .nl { color:#002070;font-weight:bold } +/* NameNamespace */ .chroma .nn { color:#0e84b5;font-weight:bold } +/* NameOther */ .chroma .nx { } +/* NameProperty */ .chroma .py { } +/* NameTag */ .chroma .nt { color:#062873;font-weight:bold } +/* NameVariable */ .chroma .nv { color:#bb60d5 } +/* NameVariableClass */ .chroma .vc { } +/* NameVariableGlobal */ .chroma .vg { } +/* NameVariableInstance */ .chroma .vi { } +/* NameVariableMagic */ .chroma .vm { } +/* Literal */ .chroma .l { } +/* LiteralDate */ .chroma .ld { } +/* LiteralString */ .chroma .s { color:#4070a0 } +/* LiteralStringAffix */ .chroma .sa { color:#4070a0 } +/* LiteralStringBacktick */ .chroma .sb { color:#4070a0 } +/* LiteralStringChar */ .chroma .sc { color:#4070a0 } +/* LiteralStringDelimiter */ .chroma .dl { color:#4070a0 } +/* LiteralStringDoc */ .chroma .sd { color:#4070a0;font-style:italic } +/* LiteralStringDouble */ .chroma .s2 { color:#4070a0 } +/* LiteralStringEscape */ .chroma .se { color:#4070a0;font-weight:bold } +/* LiteralStringHeredoc */ .chroma .sh { color:#4070a0 } +/* LiteralStringInterpol */ .chroma .si { color:#70a0d0 } +/* LiteralStringOther */ .chroma .sx { color:#c65d09 } +/* LiteralStringRegex */ .chroma .sr { color:#235388 } +/* LiteralStringSingle */ .chroma .s1 { color:#4070a0 } +/* LiteralStringSymbol */ .chroma .ss { color:#517918 } +/* LiteralNumber */ .chroma .m { color:#40a070 } +/* LiteralNumberBin */ .chroma .mb { color:#40a070 } +/* LiteralNumberFloat */ .chroma .mf { color:#40a070 } +/* LiteralNumberHex */ .chroma .mh { color:#40a070 } +/* LiteralNumberInteger */ .chroma .mi { color:#40a070 } +/* LiteralNumberIntegerLong */ .chroma .il { color:#40a070 } +/* LiteralNumberOct */ .chroma .mo { color:#40a070 } +/* Operator */ .chroma .o { color:#666 } +/* OperatorWord */ .chroma .ow { color:#007020;font-weight:bold } +/* Punctuation */ .chroma .p { } +/* Comment */ .chroma .c { color:#60a0b0;font-style:italic } +/* CommentHashbang */ .chroma .ch { color:#60a0b0;font-style:italic } +/* CommentMultiline */ .chroma .cm { color:#60a0b0;font-style:italic } +/* CommentSingle */ .chroma .c1 { color:#60a0b0;font-style:italic } +/* CommentSpecial */ .chroma .cs { color:#60a0b0;background-color:#fff0f0 } +/* CommentPreproc */ .chroma .cp { color:#007020 } +/* CommentPreprocFile */ .chroma .cpf { color:#007020 } +/* Generic */ .chroma .g { } +/* GenericDeleted */ .chroma .gd { color:#a00000 } +/* GenericEmph */ .chroma .ge { font-style:italic } +/* GenericError */ .chroma .gr { color:#f00 } +/* GenericHeading */ .chroma .gh { color:#000080;font-weight:bold } +/* GenericInserted */ .chroma .gi { color:#00a000 } +/* GenericOutput */ .chroma .go { color:#888 } +/* GenericPrompt */ .chroma .gp { color:#c65d09;font-weight:bold } +/* GenericStrong */ .chroma .gs { font-weight:bold } +/* GenericSubheading */ .chroma .gu { color:#800080;font-weight:bold } +/* GenericTraceback */ .chroma .gt { color:#04d } +/* GenericUnderline */ .chroma .gl { text-decoration:underline } +/* TextWhitespace */ .chroma .w { color:#bbb } diff --git a/github.css b/github.css new file mode 100644 index 00000000..5b045597 --- /dev/null +++ b/github.css @@ -0,0 +1,86 @@ +/* Background */ .bg { background-color:#fff; } +/* PreWrapper */ .chroma { background-color:#fff; } +/* Other */ .chroma .x { } +/* Error */ .chroma .err { color:#a61717;background-color:#e3d2d2 } +/* 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:#e5e5e5 } +/* 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:#000;font-weight:bold } +/* KeywordConstant */ .chroma .kc { color:#000;font-weight:bold } +/* KeywordDeclaration */ .chroma .kd { color:#000;font-weight:bold } +/* KeywordNamespace */ .chroma .kn { color:#000;font-weight:bold } +/* KeywordPseudo */ .chroma .kp { color:#000;font-weight:bold } +/* KeywordReserved */ .chroma .kr { color:#000;font-weight:bold } +/* KeywordType */ .chroma .kt { color:#458;font-weight:bold } +/* Name */ .chroma .n { } +/* NameAttribute */ .chroma .na { color:#008080 } +/* NameBuiltin */ .chroma .nb { color:#0086b3 } +/* NameBuiltinPseudo */ .chroma .bp { color:#999 } +/* NameClass */ .chroma .nc { color:#458;font-weight:bold } +/* NameConstant */ .chroma .no { color:#008080 } +/* NameDecorator */ .chroma .nd { color:#3c5d5d;font-weight:bold } +/* NameEntity */ .chroma .ni { color:#800080 } +/* NameException */ .chroma .ne { color:#900;font-weight:bold } +/* NameFunction */ .chroma .nf { color:#900;font-weight:bold } +/* NameFunctionMagic */ .chroma .fm { } +/* NameLabel */ .chroma .nl { color:#900;font-weight:bold } +/* NameNamespace */ .chroma .nn { color:#555 } +/* NameOther */ .chroma .nx { } +/* NameProperty */ .chroma .py { } +/* NameTag */ .chroma .nt { color:#000080 } +/* NameVariable */ .chroma .nv { color:#008080 } +/* NameVariableClass */ .chroma .vc { color:#008080 } +/* NameVariableGlobal */ .chroma .vg { color:#008080 } +/* NameVariableInstance */ .chroma .vi { color:#008080 } +/* NameVariableMagic */ .chroma .vm { } +/* Literal */ .chroma .l { } +/* LiteralDate */ .chroma .ld { } +/* LiteralString */ .chroma .s { color:#d14 } +/* LiteralStringAffix */ .chroma .sa { color:#d14 } +/* LiteralStringBacktick */ .chroma .sb { color:#d14 } +/* LiteralStringChar */ .chroma .sc { color:#d14 } +/* LiteralStringDelimiter */ .chroma .dl { color:#d14 } +/* LiteralStringDoc */ .chroma .sd { color:#d14 } +/* LiteralStringDouble */ .chroma .s2 { color:#d14 } +/* LiteralStringEscape */ .chroma .se { color:#d14 } +/* LiteralStringHeredoc */ .chroma .sh { color:#d14 } +/* LiteralStringInterpol */ .chroma .si { color:#d14 } +/* LiteralStringOther */ .chroma .sx { color:#d14 } +/* LiteralStringRegex */ .chroma .sr { color:#009926 } +/* LiteralStringSingle */ .chroma .s1 { color:#d14 } +/* LiteralStringSymbol */ .chroma .ss { color:#990073 } +/* LiteralNumber */ .chroma .m { color:#099 } +/* LiteralNumberBin */ .chroma .mb { color:#099 } +/* LiteralNumberFloat */ .chroma .mf { color:#099 } +/* LiteralNumberHex */ .chroma .mh { color:#099 } +/* LiteralNumberInteger */ .chroma .mi { color:#099 } +/* LiteralNumberIntegerLong */ .chroma .il { color:#099 } +/* LiteralNumberOct */ .chroma .mo { color:#099 } +/* Operator */ .chroma .o { color:#000;font-weight:bold } +/* OperatorWord */ .chroma .ow { color:#000;font-weight:bold } +/* Punctuation */ .chroma .p { } +/* Comment */ .chroma .c { color:#998;font-style:italic } +/* CommentHashbang */ .chroma .ch { color:#998;font-style:italic } +/* CommentMultiline */ .chroma .cm { color:#998;font-style:italic } +/* CommentSingle */ .chroma .c1 { color:#998;font-style:italic } +/* CommentSpecial */ .chroma .cs { color:#999;font-weight:bold;font-style:italic } +/* CommentPreproc */ .chroma .cp { color:#999;font-weight:bold;font-style:italic } +/* CommentPreprocFile */ .chroma .cpf { color:#999;font-weight:bold;font-style:italic } +/* Generic */ .chroma .g { } +/* GenericDeleted */ .chroma .gd { color:#000;background-color:#fdd } +/* GenericEmph */ .chroma .ge { color:#000;font-style:italic } +/* GenericError */ .chroma .gr { color:#a00 } +/* GenericHeading */ .chroma .gh { color:#999 } +/* GenericInserted */ .chroma .gi { color:#000;background-color:#dfd } +/* GenericOutput */ .chroma .go { color:#888 } +/* GenericPrompt */ .chroma .gp { color:#555 } +/* GenericStrong */ .chroma .gs { font-weight:bold } +/* GenericSubheading */ .chroma .gu { color:#aaa } +/* GenericTraceback */ .chroma .gt { color:#a00 } +/* GenericUnderline */ .chroma .gl { text-decoration:underline } +/* TextWhitespace */ .chroma .w { color:#bbb } diff --git a/hugo.toml b/hugo.toml index 4aa2f1b0..cec6d273 100644 --- a/hugo.toml +++ b/hugo.toml @@ -16,7 +16,7 @@ HasCJKLanguage = true [markup] [markup.highlight] style = 'dracula' - noClasses = true + noClasses = false # 自定义文章固定链接：使用 slug 作为文件名（如 /20260117.html） [permalinks] diff --git a/monokai.css b/monokai.css new file mode 100644 index 00000000..37744a3f --- /dev/null +++ b/monokai.css @@ -0,0 +1,86 @@ +/* Background */ .bg { color:#f8f8f2;background-color:#272822; } +/* PreWrapper */ .chroma { color:#f8f8f2;background-color:#272822; } +/* Other */ .chroma .x { } +/* Error */ .chroma .err { color:#960050;background-color:#1e0010 } +/* 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:#3c3d38 } +/* 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:#66d9ef } +/* KeywordConstant */ .chroma .kc { color:#66d9ef } +/* KeywordDeclaration */ .chroma .kd { color:#66d9ef } +/* KeywordNamespace */ .chroma .kn { color:#f92672 } +/* KeywordPseudo */ .chroma .kp { color:#66d9ef } +/* KeywordReserved */ .chroma .kr { color:#66d9ef } +/* KeywordType */ .chroma .kt { color:#66d9ef } +/* Name */ .chroma .n { } +/* NameAttribute */ .chroma .na { color:#a6e22e } +/* NameBuiltin */ .chroma .nb { } +/* NameBuiltinPseudo */ .chroma .bp { } +/* NameClass */ .chroma .nc { color:#a6e22e } +/* NameConstant */ .chroma .no { color:#66d9ef } +/* NameDecorator */ .chroma .nd { color:#a6e22e } +/* NameEntity */ .chroma .ni { } +/* NameException */ .chroma .ne { color:#a6e22e } +/* NameFunction */ .chroma .nf { color:#a6e22e } +/* NameFunctionMagic */ .chroma .fm { } +/* NameLabel */ .chroma .nl { } +/* NameNamespace */ .chroma .nn { } +/* NameOther */ .chroma .nx { color:#a6e22e } +/* NameProperty */ .chroma .py { } +/* NameTag */ .chroma .nt { color:#f92672 } +/* NameVariable */ .chroma .nv { } +/* NameVariableClass */ .chroma .vc { } +/* NameVariableGlobal */ .chroma .vg { } +/* NameVariableInstance */ .chroma .vi { } +/* NameVariableMagic */ .chroma .vm { } +/* Literal */ .chroma .l { color:#ae81ff } +/* LiteralDate */ .chroma .ld { color:#e6db74 } +/* LiteralString */ .chroma .s { color:#e6db74 } +/* LiteralStringAffix */ .chroma .sa { color:#e6db74 } +/* LiteralStringBacktick */ .chroma .sb { color:#e6db74 } +/* LiteralStringChar */ .chroma .sc { color:#e6db74 } +/* LiteralStringDelimiter */ .chroma .dl { color:#e6db74 } +/* LiteralStringDoc */ .chroma .sd { color:#e6db74 } +/* LiteralStringDouble */ .chroma .s2 { color:#e6db74 } +/* LiteralStringEscape */ .chroma .se { color:#ae81ff } +/* LiteralStringHeredoc */ .chroma .sh { color:#e6db74 } +/* LiteralStringInterpol */ .chroma .si { color:#e6db74 } +/* LiteralStringOther */ .chroma .sx { color:#e6db74 } +/* LiteralStringRegex */ .chroma .sr { color:#e6db74 } +/* LiteralStringSingle */ .chroma .s1 { color:#e6db74 } +/* LiteralStringSymbol */ .chroma .ss { color:#e6db74 } +/* 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 { } +/* 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 } +/* Generic */ .chroma .g { } +/* GenericDeleted */ .chroma .gd { color:#f92672 } +/* GenericEmph */ .chroma .ge { font-style:italic } +/* GenericError */ .chroma .gr { } +/* GenericHeading */ .chroma .gh { } +/* GenericInserted */ .chroma .gi { color:#a6e22e } +/* GenericOutput */ .chroma .go { } +/* GenericPrompt */ .chroma .gp { } +/* GenericStrong */ .chroma .gs { font-weight:bold } +/* GenericSubheading */ .chroma .gu { color:#75715e } +/* GenericTraceback */ .chroma .gt { } +/* GenericUnderline */ .chroma .gl { } +/* TextWhitespace */ .chroma .w { } diff --git a/nord.css b/nord.css new file mode 100644 index 00000000..99b3af3e --- /dev/null +++ b/nord.css @@ -0,0 +1,86 @@ +/* Background */ .bg { color:#d8dee9;background-color:#2e3440; } +/* PreWrapper */ .chroma { color:#d8dee9;background-color:#2e3440; } +/* Other */ .chroma .x { } +/* Error */ .chroma .err { color:#bf616a } +/* 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:#424853 } +/* 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:#6c6f74 } +/* 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:#6c6f74 } +/* Line */ .chroma .line { display:flex; } +/* Keyword */ .chroma .k { color:#81a1c1;font-weight:bold } +/* KeywordConstant */ .chroma .kc { color:#81a1c1;font-weight:bold } +/* KeywordDeclaration */ .chroma .kd { color:#81a1c1;font-weight:bold } +/* KeywordNamespace */ .chroma .kn { color:#81a1c1;font-weight:bold } +/* KeywordPseudo */ .chroma .kp { color:#81a1c1 } +/* KeywordReserved */ .chroma .kr { color:#81a1c1;font-weight:bold } +/* KeywordType */ .chroma .kt { color:#81a1c1 } +/* Name */ .chroma .n { } +/* NameAttribute */ .chroma .na { color:#8fbcbb } +/* NameBuiltin */ .chroma .nb { color:#81a1c1 } +/* NameBuiltinPseudo */ .chroma .bp { } +/* NameClass */ .chroma .nc { color:#8fbcbb } +/* NameConstant */ .chroma .no { color:#8fbcbb } +/* NameDecorator */ .chroma .nd { color:#d08770 } +/* NameEntity */ .chroma .ni { color:#d08770 } +/* NameException */ .chroma .ne { color:#bf616a } +/* NameFunction */ .chroma .nf { color:#88c0d0 } +/* NameFunctionMagic */ .chroma .fm { } +/* NameLabel */ .chroma .nl { color:#8fbcbb } +/* NameNamespace */ .chroma .nn { color:#8fbcbb } +/* NameOther */ .chroma .nx { } +/* NameProperty */ .chroma .py { color:#8fbcbb } +/* NameTag */ .chroma .nt { color:#81a1c1 } +/* 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:#a3be8c } +/* LiteralStringAffix */ .chroma .sa { color:#a3be8c } +/* LiteralStringBacktick */ .chroma .sb { color:#a3be8c } +/* LiteralStringChar */ .chroma .sc { color:#a3be8c } +/* LiteralStringDelimiter */ .chroma .dl { color:#a3be8c } +/* LiteralStringDoc */ .chroma .sd { color:#616e87 } +/* LiteralStringDouble */ .chroma .s2 { color:#a3be8c } +/* LiteralStringEscape */ .chroma .se { color:#ebcb8b } +/* LiteralStringHeredoc */ .chroma .sh { color:#a3be8c } +/* LiteralStringInterpol */ .chroma .si { color:#a3be8c } +/* LiteralStringOther */ .chroma .sx { color:#a3be8c } +/* LiteralStringRegex */ .chroma .sr { color:#ebcb8b } +/* LiteralStringSingle */ .chroma .s1 { color:#a3be8c } +/* LiteralStringSymbol */ .chroma .ss { color:#a3be8c } +/* LiteralNumber */ .chroma .m { color:#b48ead } +/* LiteralNumberBin */ .chroma .mb { color:#b48ead } +/* LiteralNumberFloat */ .chroma .mf { color:#b48ead } +/* LiteralNumberHex */ .chroma .mh { color:#b48ead } +/* LiteralNumberInteger */ .chroma .mi { color:#b48ead } +/* LiteralNumberIntegerLong */ .chroma .il { color:#b48ead } +/* LiteralNumberOct */ .chroma .mo { color:#b48ead } +/* Operator */ .chroma .o { color:#81a1c1 } +/* OperatorWord */ .chroma .ow { color:#81a1c1;font-weight:bold } +/* Punctuation */ .chroma .p { color:#eceff4 } +/* Comment */ .chroma .c { color:#616e87;font-style:italic } +/* CommentHashbang */ .chroma .ch { color:#616e87;font-style:italic } +/* CommentMultiline */ .chroma .cm { color:#616e87;font-style:italic } +/* CommentSingle */ .chroma .c1 { color:#616e87;font-style:italic } +/* CommentSpecial */ .chroma .cs { color:#616e87;font-style:italic } +/* CommentPreproc */ .chroma .cp { color:#5e81ac;font-style:italic } +/* CommentPreprocFile */ .chroma .cpf { color:#5e81ac;font-style:italic } +/* Generic */ .chroma .g { } +/* GenericDeleted */ .chroma .gd { color:#bf616a } +/* GenericEmph */ .chroma .ge { font-style:italic } +/* GenericError */ .chroma .gr { color:#bf616a } +/* GenericHeading */ .chroma .gh { color:#88c0d0;font-weight:bold } +/* GenericInserted */ .chroma .gi { color:#a3be8c } +/* GenericOutput */ .chroma .go { } +/* GenericPrompt */ .chroma .gp { color:#4c566a;font-weight:bold } +/* GenericStrong */ .chroma .gs { font-weight:bold } +/* GenericSubheading */ .chroma .gu { color:#88c0d0;font-weight:bold } +/* GenericTraceback */ .chroma .gt { color:#bf616a } +/* GenericUnderline */ .chroma .gl { } +/* TextWhitespace */ .chroma .w { } diff --git a/solarized-dark.css b/solarized-dark.css new file mode 100644 index 00000000..e2dfa421 --- /dev/null +++ b/solarized-dark.css @@ -0,0 +1,86 @@ +/* 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 { } diff --git a/tango.css b/tango.css new file mode 100644 index 00000000..8af635c3 --- /dev/null +++ b/tango.css @@ -0,0 +1,86 @@ +/* Background */ .bg { background-color:#f8f8f8; } +/* PreWrapper */ .chroma { background-color:#f8f8f8; } +/* Other */ .chroma .x { color:#000 } +/* Error */ .chroma .err { color:#a40000 } +/* 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:#dfdfdf } +/* 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:#204a87;font-weight:bold } +/* KeywordConstant */ .chroma .kc { color:#204a87;font-weight:bold } +/* KeywordDeclaration */ .chroma .kd { color:#204a87;font-weight:bold } +/* KeywordNamespace */ .chroma .kn { color:#204a87;font-weight:bold } +/* KeywordPseudo */ .chroma .kp { color:#204a87;font-weight:bold } +/* KeywordReserved */ .chroma .kr { color:#204a87;font-weight:bold } +/* KeywordType */ .chroma .kt { color:#204a87;font-weight:bold } +/* Name */ .chroma .n { color:#000 } +/* NameAttribute */ .chroma .na { color:#c4a000 } +/* NameBuiltin */ .chroma .nb { color:#204a87 } +/* NameBuiltinPseudo */ .chroma .bp { color:#3465a4 } +/* NameClass */ .chroma .nc { color:#000 } +/* NameConstant */ .chroma .no { color:#000 } +/* NameDecorator */ .chroma .nd { color:#5c35cc;font-weight:bold } +/* NameEntity */ .chroma .ni { color:#ce5c00 } +/* NameException */ .chroma .ne { color:#c00;font-weight:bold } +/* NameFunction */ .chroma .nf { color:#000 } +/* NameFunctionMagic */ .chroma .fm { color:#000 } +/* NameLabel */ .chroma .nl { color:#f57900 } +/* NameNamespace */ .chroma .nn { color:#000 } +/* NameOther */ .chroma .nx { color:#000 } +/* NameProperty */ .chroma .py { color:#000 } +/* NameTag */ .chroma .nt { color:#204a87;font-weight:bold } +/* NameVariable */ .chroma .nv { color:#000 } +/* NameVariableClass */ .chroma .vc { color:#000 } +/* NameVariableGlobal */ .chroma .vg { color:#000 } +/* NameVariableInstance */ .chroma .vi { color:#000 } +/* NameVariableMagic */ .chroma .vm { color:#000 } +/* Literal */ .chroma .l { color:#000 } +/* LiteralDate */ .chroma .ld { color:#000 } +/* LiteralString */ .chroma .s { color:#4e9a06 } +/* LiteralStringAffix */ .chroma .sa { color:#4e9a06 } +/* LiteralStringBacktick */ .chroma .sb { color:#4e9a06 } +/* LiteralStringChar */ .chroma .sc { color:#4e9a06 } +/* LiteralStringDelimiter */ .chroma .dl { color:#4e9a06 } +/* LiteralStringDoc */ .chroma .sd { color:#8f5902;font-style:italic } +/* LiteralStringDouble */ .chroma .s2 { color:#4e9a06 } +/* LiteralStringEscape */ .chroma .se { color:#4e9a06 } +/* LiteralStringHeredoc */ .chroma .sh { color:#4e9a06 } +/* LiteralStringInterpol */ .chroma .si { color:#4e9a06 } +/* LiteralStringOther */ .chroma .sx { color:#4e9a06 } +/* LiteralStringRegex */ .chroma .sr { color:#4e9a06 } +/* LiteralStringSingle */ .chroma .s1 { color:#4e9a06 } +/* LiteralStringSymbol */ .chroma .ss { color:#4e9a06 } +/* LiteralNumber */ .chroma .m { color:#0000cf;font-weight:bold } +/* LiteralNumberBin */ .chroma .mb { color:#0000cf;font-weight:bold } +/* LiteralNumberFloat */ .chroma .mf { color:#0000cf;font-weight:bold } +/* LiteralNumberHex */ .chroma .mh { color:#0000cf;font-weight:bold } +/* LiteralNumberInteger */ .chroma .mi { color:#0000cf;font-weight:bold } +/* LiteralNumberIntegerLong */ .chroma .il { color:#0000cf;font-weight:bold } +/* LiteralNumberOct */ .chroma .mo { color:#0000cf;font-weight:bold } +/* Operator */ .chroma .o { color:#ce5c00;font-weight:bold } +/* OperatorWord */ .chroma .ow { color:#204a87;font-weight:bold } +/* Punctuation */ .chroma .p { color:#000;font-weight:bold } +/* Comment */ .chroma .c { color:#8f5902;font-style:italic } +/* CommentHashbang */ .chroma .ch { color:#8f5902;font-style:italic } +/* CommentMultiline */ .chroma .cm { color:#8f5902;font-style:italic } +/* CommentSingle */ .chroma .c1 { color:#8f5902;font-style:italic } +/* CommentSpecial */ .chroma .cs { color:#8f5902;font-style:italic } +/* CommentPreproc */ .chroma .cp { color:#8f5902;font-style:italic } +/* CommentPreprocFile */ .chroma .cpf { color:#8f5902;font-style:italic } +/* Generic */ .chroma .g { color:#000 } +/* GenericDeleted */ .chroma .gd { color:#a40000 } +/* GenericEmph */ .chroma .ge { color:#000;font-style:italic } +/* GenericError */ .chroma .gr { color:#ef2929 } +/* GenericHeading */ .chroma .gh { color:#000080;font-weight:bold } +/* GenericInserted */ .chroma .gi { color:#00a000 } +/* GenericOutput */ .chroma .go { color:#000;font-style:italic } +/* GenericPrompt */ .chroma .gp { color:#8f5902 } +/* GenericStrong */ .chroma .gs { color:#000;font-weight:bold } +/* GenericSubheading */ .chroma .gu { color:#800080;font-weight:bold } +/* GenericTraceback */ .chroma .gt { color:#a40000;font-weight:bold } +/* GenericUnderline */ .chroma .gl { color:#000;text-decoration:underline } +/* TextWhitespace */ .chroma .w { color:#f8f8f8;text-decoration:underline } diff --git a/themes/Ying/layouts/_default/circles.html b/themes/Ying/layouts/_default/circles.html index eeb2f564..d92050b4 100644 --- a/themes/Ying/layouts/_default/circles.html +++ b/themes/Ying/layouts/_default/circles.html @@ -259,7 +259,7 @@ /* Load More Button */ .fc-load-more-btn { grid-column: 1 / -1; - padding: 12px 30px; + padding: 5px 30px; margin: 30px auto 10px; background: #000; /* Black background */ border: 1px solid rgba(255, 255, 255, 0.1); diff --git a/themes/Ying/static/css/main.css b/themes/Ying/static/css/main.css index cf28f8c5..1542e74b 100644 --- a/themes/Ying/static/css/main.css +++ b/themes/Ying/static/css/main.css @@ -172,17 +172,27 @@ code { font-family: 'JetBrains Mono', 'Fira Code', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 14px; border-radius: 4px; - background-color: #282a36; /* Dracula BG */ - color: #f8f8f2; /* Dracula FG */ + background-color: #f6f8fa; /* Day Mode */ + color: #24292e; + border: 1px solid #d0d7de; +} + +[data-theme="dark"] pre, +[data-theme="dark"] code { + background-color: #282a36; /* Night Mode */ + color: #f8f8f2; + border-color: #44475a; } code { padding: 2px 6px; + word-break: break-all; /* Prevent inline code from breaking layout */ } pre { padding: 10px; overflow-x: auto; + max-width: 100%; /* Fix mobile overflow */ } pre>code { @@ -190,6 +200,7 @@ pre>code { color: inherit; padding: 0; border: 0; + word-break: normal; } table { @@ -532,7 +543,7 @@ ul { /* 代码高亮 Mac 风格样式 */ .highlight { - background: #f6f8fa; /* Day Mode: Light BG */ + background: #f6f8fa; /* Day Mode: Light BG (GitHub) */ color: #24292e; /* Day Mode: Dark Text */ border-radius: 10px; border: 1px solid #d0d7de; /* Day Mode Border */ @@ -544,7 +555,7 @@ ul { } [data-theme="dark"] .highlight { - background: #282a36; /* Night Mode: Dark BG */ + background: #282a36; /* Night Mode: Dark BG (Dracula) */ color: #f8f8f2; /* Night Mode: Light Text */ border: 1px solid #44475a; /* Night Mode Border */ box-shadow: none; /* Remove Shadow */ @@ -583,13 +594,6 @@ ul { background-color: transparent !important; /* Override inline style */ border: none !important; /* Remove conflicting border */ border-radius: 0 !important; /* Reset border radius inside container */ - /* Day Mode: Invert Dracula colors to make them readable on light background */ - filter: invert(1) hue-rotate(180deg); -} - -[data-theme="dark"] .highlight pre { - /* Night Mode: Dracula colors are native for dark background */ - filter: none; } .highlight pre code { @@ -614,11 +618,11 @@ ul { } .highlight pre::-webkit-scrollbar-thumb:hover { - background: rgba(0, 0, 0, 0.3); + background: rgba(255, 255, 255, 0.3); } [data-theme="dark"] .highlight pre::-webkit-scrollbar-thumb:hover { - background: rgba(255, 255, 255, 0.3); + background: rgba(0, 0, 0, 0.3); } .highlight pre::-webkit-scrollbar-track { @@ -2617,3 +2621,182 @@ img[atk-emoticon] { color: #000000!important; } + + + +/* Hugo Chroma Syntax Highlighting */ +/* Day Mode (GitHub) */ +/* Background */ .bg { background-color:#fff; } +/* PreWrapper */ .chroma { color:#24292e;background-color:#fff; } +/* Other */ .chroma .x { } +/* Error */ .chroma .err { color:#a61717;background-color:#e3d2d2 } +/* 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:#e5e5e5 } +/* 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:#000;font-weight:bold } +/* KeywordConstant */ .chroma .kc { color:#000;font-weight:bold } +/* KeywordDeclaration */ .chroma .kd { color:#000;font-weight:bold } +/* KeywordNamespace */ .chroma .kn { color:#000;font-weight:bold } +/* KeywordPseudo */ .chroma .kp { color:#000;font-weight:bold } +/* KeywordReserved */ .chroma .kr { color:#000;font-weight:bold } +/* KeywordType */ .chroma .kt { color:#458;font-weight:bold } +/* Name */ .chroma .n { } +/* NameAttribute */ .chroma .na { color:#008080 } +/* NameBuiltin */ .chroma .nb { color:#0086b3 } +/* NameBuiltinPseudo */ .chroma .bp { color:#999 } +/* NameClass */ .chroma .nc { color:#458;font-weight:bold } +/* NameConstant */ .chroma .no { color:#008080 } +/* NameDecorator */ .chroma .nd { color:#3c5d5d;font-weight:bold } +/* NameEntity */ .chroma .ni { color:#800080 } +/* NameException */ .chroma .ne { color:#900;font-weight:bold } +/* NameFunction */ .chroma .nf { color:#900;font-weight:bold } +/* NameFunctionMagic */ .chroma .fm { } +/* NameLabel */ .chroma .nl { color:#900;font-weight:bold } +/* NameNamespace */ .chroma .nn { color:#555 } +/* NameOther */ .chroma .nx { } +/* NameProperty */ .chroma .py { } +/* NameTag */ .chroma .nt { color:#000080 } +/* NameVariable */ .chroma .nv { color:#008080 } +/* NameVariableClass */ .chroma .vc { color:#008080 } +/* NameVariableGlobal */ .chroma .vg { color:#008080 } +/* NameVariableInstance */ .chroma .vi { color:#008080 } +/* NameVariableMagic */ .chroma .vm { } +/* Literal */ .chroma .l { } +/* LiteralDate */ .chroma .ld { } +/* LiteralString */ .chroma .s { color:#d14 } +/* LiteralStringAffix */ .chroma .sa { color:#d14 } +/* LiteralStringBacktick */ .chroma .sb { color:#d14 } +/* LiteralStringChar */ .chroma .sc { color:#d14 } +/* LiteralStringDelimiter */ .chroma .dl { color:#d14 } +/* LiteralStringDoc */ .chroma .sd { color:#d14 } +/* LiteralStringDouble */ .chroma .s2 { color:#d14 } +/* LiteralStringEscape */ .chroma .se { color:#d14 } +/* LiteralStringHeredoc */ .chroma .sh { color:#d14 } +/* LiteralStringInterpol */ .chroma .si { color:#d14 } +/* LiteralStringOther */ .chroma .sx { color:#d14 } +/* LiteralStringRegex */ .chroma .sr { color:#009926 } +/* LiteralStringSingle */ .chroma .s1 { color:#d14 } +/* LiteralStringSymbol */ .chroma .ss { color:#990073 } +/* LiteralNumber */ .chroma .m { color:#099 } +/* LiteralNumberBin */ .chroma .mb { color:#099 } +/* LiteralNumberFloat */ .chroma .mf { color:#099 } +/* LiteralNumberHex */ .chroma .mh { color:#099 } +/* LiteralNumberInteger */ .chroma .mi { color:#099 } +/* LiteralNumberIntegerLong */ .chroma .il { color:#099 } +/* LiteralNumberOct */ .chroma .mo { color:#099 } +/* Operator */ .chroma .o { color:#000;font-weight:bold } +/* OperatorWord */ .chroma .ow { color:#000;font-weight:bold } +/* Punctuation */ .chroma .p { } +/* Comment */ .chroma .c { color:#998;font-style:italic } +/* CommentHashbang */ .chroma .ch { color:#998;font-style:italic } +/* CommentMultiline */ .chroma .cm { color:#998;font-style:italic } +/* CommentSingle */ .chroma .c1 { color:#998;font-style:italic } +/* CommentSpecial */ .chroma .cs { color:#999;font-weight:bold;font-style:italic } +/* CommentPreproc */ .chroma .cp { color:#999;font-weight:bold;font-style:italic } +/* CommentPreprocFile */ .chroma .cpf { color:#999;font-weight:bold;font-style:italic } +/* Generic */ .chroma .g { } +/* GenericDeleted */ .chroma .gd { color:#000;background-color:#fdd } +/* GenericEmph */ .chroma .ge { color:#000;font-style:italic } +/* GenericError */ .chroma .gr { color:#a00 } +/* GenericHeading */ .chroma .gh { color:#999 } +/* GenericInserted */ .chroma .gi { color:#000;background-color:#dfd } +/* GenericOutput */ .chroma .go { color:#888 } +/* GenericPrompt */ .chroma .gp { color:#555 } +/* GenericStrong */ .chroma .gs { font-weight:bold } +/* GenericSubheading */ .chroma .gu { color:#aaa } +/* GenericTraceback */ .chroma .gt { color:#a00 } +/* GenericUnderline */ .chroma .gl { text-decoration:underline } +/* TextWhitespace */ .chroma .w { color:#bbb } + +/* Night Mode (Dracula) */ +/* Background */ [data-theme="dark"] .bg { color:#f8f8f2;background-color:#282a36; } +/* PreWrapper */ [data-theme="dark"] .chroma { color:#f8f8f2;background-color:#282a36; } +/* Other */ [data-theme="dark"] .chroma .x { } +/* Error */ [data-theme="dark"] .chroma .err { } +/* CodeLine */ [data-theme="dark"] .chroma .cl { } +/* LineLink */ [data-theme="dark"] .chroma .lnlinks { outline:none;text-decoration:none;color:inherit } +/* LineTableTD */ [data-theme="dark"] .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; } +/* LineTable */ [data-theme="dark"] .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; } +/* LineHighlight */ [data-theme="dark"] .chroma .hl { background-color:#3d3f4a } +/* LineNumbersTable */ [data-theme="dark"] .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 */ [data-theme="dark"] .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 */ [data-theme="dark"] .chroma .line { display:flex; } +/* Keyword */ [data-theme="dark"] .chroma .k { color:#ff79c6 } +/* KeywordConstant */ [data-theme="dark"] .chroma .kc { color:#ff79c6 } +/* KeywordDeclaration */ [data-theme="dark"] .chroma .kd { color:#8be9fd;font-style:italic } +/* KeywordNamespace */ [data-theme="dark"] .chroma .kn { color:#ff79c6 } +/* KeywordPseudo */ [data-theme="dark"] .chroma .kp { color:#ff79c6 } +/* KeywordReserved */ [data-theme="dark"] .chroma .kr { color:#ff79c6 } +/* KeywordType */ [data-theme="dark"] .chroma .kt { color:#8be9fd } +/* Name */ [data-theme="dark"] .chroma .n { } +/* NameAttribute */ [data-theme="dark"] .chroma .na { color:#50fa7b } +/* NameBuiltin */ [data-theme="dark"] .chroma .nb { color:#8be9fd;font-style:italic } +/* NameBuiltinPseudo */ [data-theme="dark"] .chroma .bp { } +/* NameClass */ [data-theme="dark"] .chroma .nc { color:#50fa7b } +/* NameConstant */ [data-theme="dark"] .chroma .no { } +/* NameDecorator */ [data-theme="dark"] .chroma .nd { } +/* NameEntity */ [data-theme="dark"] .chroma .ni { } +/* NameException */ [data-theme="dark"] .chroma .ne { } +/* NameFunction */ [data-theme="dark"] .chroma .nf { color:#50fa7b } +/* NameFunctionMagic */ [data-theme="dark"] .chroma .fm { } +/* NameLabel */ [data-theme="dark"] .chroma .nl { color:#8be9fd;font-style:italic } +/* NameNamespace */ [data-theme="dark"] .chroma .nn { } +/* NameOther */ [data-theme="dark"] .chroma .nx { } +/* NameProperty */ [data-theme="dark"] .chroma .py { } +/* NameTag */ [data-theme="dark"] .chroma .nt { color:#ff79c6 } +/* NameVariable */ [data-theme="dark"] .chroma .nv { color:#8be9fd;font-style:italic } +/* NameVariableClass */ [data-theme="dark"] .chroma .vc { color:#8be9fd;font-style:italic } +/* NameVariableGlobal */ [data-theme="dark"] .chroma .vg { color:#8be9fd;font-style:italic } +/* NameVariableInstance */ [data-theme="dark"] .chroma .vi { color:#8be9fd;font-style:italic } +/* NameVariableMagic */ [data-theme="dark"] .chroma .vm { } +/* Literal */ [data-theme="dark"] .chroma .l { } +/* LiteralDate */ [data-theme="dark"] .chroma .ld { } +/* LiteralString */ [data-theme="dark"] .chroma .s { color:#f1fa8c } +/* LiteralStringAffix */ [data-theme="dark"] .chroma .sa { color:#f1fa8c } +/* LiteralStringBacktick */ [data-theme="dark"] .chroma .sb { color:#f1fa8c } +/* LiteralStringChar */ [data-theme="dark"] .chroma .sc { color:#f1fa8c } +/* LiteralStringDelimiter */ [data-theme="dark"] .chroma .dl { color:#f1fa8c } +/* LiteralStringDoc */ [data-theme="dark"] .chroma .sd { color:#f1fa8c } +/* LiteralStringDouble */ [data-theme="dark"] .chroma .s2 { color:#f1fa8c } +/* LiteralStringEscape */ [data-theme="dark"] .chroma .se { color:#f1fa8c } +/* LiteralStringHeredoc */ [data-theme="dark"] .chroma .sh { color:#f1fa8c } +/* LiteralStringInterpol */ [data-theme="dark"] .chroma .si { color:#f1fa8c } +/* LiteralStringOther */ [data-theme="dark"] .chroma .sx { color:#f1fa8c } +/* LiteralStringRegex */ [data-theme="dark"] .chroma .sr { color:#f1fa8c } +/* LiteralStringSingle */ [data-theme="dark"] .chroma .s1 { color:#f1fa8c } +/* LiteralStringSymbol */ [data-theme="dark"] .chroma .ss { color:#f1fa8c } +/* LiteralNumber */ [data-theme="dark"] .chroma .m { color:#bd93f9 } +/* LiteralNumberBin */ [data-theme="dark"] .chroma .mb { color:#bd93f9 } +/* LiteralNumberFloat */ [data-theme="dark"] .chroma .mf { color:#bd93f9 } +/* LiteralNumberHex */ [data-theme="dark"] .chroma .mh { color:#bd93f9 } +/* LiteralNumberInteger */ [data-theme="dark"] .chroma .mi { color:#bd93f9 } +/* LiteralNumberIntegerLong */ [data-theme="dark"] .chroma .il { color:#bd93f9 } +/* LiteralNumberOct */ [data-theme="dark"] .chroma .mo { color:#bd93f9 } +/* Operator */ [data-theme="dark"] .chroma .o { color:#ff79c6 } +/* OperatorWord */ [data-theme="dark"] .chroma .ow { color:#ff79c6 } +/* Punctuation */ [data-theme="dark"] .chroma .p { } +/* Comment */ [data-theme="dark"] .chroma .c { color:#6272a4 } +/* CommentHashbang */ [data-theme="dark"] .chroma .ch { color:#6272a4 } +/* CommentMultiline */ [data-theme="dark"] .chroma .cm { color:#6272a4 } +/* CommentSingle */ [data-theme="dark"] .chroma .c1 { color:#6272a4 } +/* CommentSpecial */ [data-theme="dark"] .chroma .cs { color:#6272a4 } +/* CommentPreproc */ [data-theme="dark"] .chroma .cp { color:#ff79c6 } +/* CommentPreprocFile */ [data-theme="dark"] .chroma .cpf { color:#ff79c6 } +/* Generic */ [data-theme="dark"] .chroma .g { } +/* GenericDeleted */ [data-theme="dark"] .chroma .gd { color:#f55 } +/* GenericEmph */ [data-theme="dark"] .chroma .ge { text-decoration:underline } +/* GenericError */ [data-theme="dark"] .chroma .gr { } +/* GenericHeading */ [data-theme="dark"] .chroma .gh { font-weight:bold } +/* GenericInserted */ [data-theme="dark"] .chroma .gi { color:#50fa7b;font-weight:bold } +/* GenericOutput */ [data-theme="dark"] .chroma .go { color:#44475a } +/* GenericPrompt */ [data-theme="dark"] .chroma .gp { } +/* GenericStrong */ [data-theme="dark"] .chroma .gs { } +/* GenericSubheading */ [data-theme="dark"] .chroma .gu { font-weight:bold } +/* GenericTraceback */ [data-theme="dark"] .chroma .gt { } +/* GenericUnderline */ [data-theme="dark"] .chroma .gl { text-decoration:underline } +/* TextWhitespace */ [data-theme="dark"] .chroma .w { } diff --git a/update_css.py b/update_css.py new file mode 100644 index 00000000..acbc32ef --- /dev/null +++ b/update_css.py @@ -0,0 +1,62 @@ +import os + +def process_css(filename, scope=''): + if not os.path.exists(filename): + print(f"File not found: {filename}") + return "" + + with open(filename, 'r') as f: + lines = f.readlines() + + new_lines = [] + for line in lines: + line = line.strip() + if not line: continue + + # Split selector and style + parts = line.split('{') + if len(parts) < 2: continue + + selector_part = parts[0].strip() + style_part = '{' + '{'.join(parts[1:]) + + # Add scope to each selector in the comma-separated list + selectors = [s.strip() for s in selector_part.split(',')] + scoped_selectors = [] + + for sel in selectors: + if scope: + # If scope is provided (e.g., [data-theme="dark"]) + # We want: [data-theme="dark"] .chroma ... + if sel.startswith('.bg'): + scoped_selectors.append(f'{scope} {sel}') + elif sel.startswith('.chroma'): + scoped_selectors.append(f'{scope} {sel}') + else: + # Some styles might not start with .chroma or .bg? + # Usually they do in Hugo Chroma output. + scoped_selectors.append(f'{scope} {sel}') + else: + # No scope (Default/Day mode) + scoped_selectors.append(sel) + + new_selector_part = ', '.join(scoped_selectors) + new_lines.append(new_selector_part + ' ' + style_part + '\n') + + return ''.join(new_lines) + +# Generate styles first +# os.system('hugo gen chromastyles --style=friendly > friendly.css') +# os.system('hugo gen chromastyles --style=nord > nord.css') + +friendly = process_css('friendly.css', scope='') # Default +nord = process_css('nord.css', scope='[data-theme="dark"]') # Night + +with open('chroma_final.css', 'w') as f: + f.write('/* Hugo Chroma Syntax Highlighting */\n') + f.write('/* Day Mode (Friendly - Vibrant/Bright) */\n') + f.write(friendly) + f.write('\n/* Night Mode (Nord - Deep/Muted) */\n') + f.write(nord) + +print("chroma_final.css created.")