From 191d64c5a2e4b3f53d8123b533ef64e020265944 Mon Sep 17 00:00:00 2001 From: Federico Angelilli Date: Sun, 15 Dec 2024 17:41:02 +0100 Subject: Update syntax --- assets/css/syntax.css | 298 +++++++++++++++++++++++++------------------------- syntax.sh | 16 +-- 2 files changed, 156 insertions(+), 158 deletions(-) diff --git a/assets/css/syntax.css b/assets/css/syntax.css index 60efc0c..7ae1638 100644 --- a/assets/css/syntax.css +++ b/assets/css/syntax.css @@ -1,188 +1,186 @@ -.cmd-user .line ::before { +.cmd-root .cl::before { color: #669900; font-weight: bold; user-select: none; - content: "user $" - margin-right: 1em; + content: "user $ "; } -.cmd-root .line ::before { +.cmd-root .cl::before { color: #ff3333; font-weight: bold; user-select: none; - content: "root #" - margin-right: 1em; + content: "root # "; } -/* Chroma style: monokailight */ -/* Background */ .bg { color:#272822;background-color:#fafafa; } -/* PreWrapper */ .chroma { color:#272822;background-color:#fafafa; } +/* Chroma style: trac */ +/* Background */ .bg { background-color:#fff; } +/* PreWrapper */ .chroma { background-color:#fff; } /* Other */ .chroma .x { } -/* Error */ .chroma .err { color:#960050;background-color:#1e0010 } +/* 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:#e1e1e1 } +/* 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:#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:#111 } -/* NameAttribute */ .chroma .na { color:#75af00 } -/* NameBuiltin */ .chroma .nb { color:#111 } -/* NameBuiltinPseudo */ .chroma .bp { color:#111 } -/* NameClass */ .chroma .nc { color:#75af00 } -/* NameConstant */ .chroma .no { color:#00a8c8 } -/* NameDecorator */ .chroma .nd { color:#75af00 } -/* NameEntity */ .chroma .ni { color:#111 } -/* NameException */ .chroma .ne { color:#75af00 } -/* NameFunction */ .chroma .nf { color:#75af00 } -/* NameFunctionMagic */ .chroma .fm { color:#111 } -/* NameLabel */ .chroma .nl { color:#111 } -/* NameNamespace */ .chroma .nn { color:#111 } -/* NameOther */ .chroma .nx { color:#75af00 } -/* NameProperty */ .chroma .py { color:#111 } -/* NameTag */ .chroma .nt { color:#f92672 } -/* NameVariable */ .chroma .nv { color:#111 } -/* NameVariableClass */ .chroma .vc { color:#111 } -/* NameVariableGlobal */ .chroma .vg { color:#111 } -/* NameVariableInstance */ .chroma .vi { color:#111 } -/* NameVariableMagic */ .chroma .vm { color:#111 } -/* 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:#111 } -/* 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 } +/* Keyword */ .chroma .k { font-weight:bold } +/* KeywordConstant */ .chroma .kc { font-weight:bold } +/* KeywordDeclaration */ .chroma .kd { font-weight:bold } +/* KeywordNamespace */ .chroma .kn { font-weight:bold } +/* KeywordPseudo */ .chroma .kp { font-weight:bold } +/* KeywordReserved */ .chroma .kr { font-weight:bold } +/* KeywordType */ .chroma .kt { color:#458;font-weight:bold } +/* Name */ .chroma .n { } +/* NameAttribute */ .chroma .na { color:#008080 } +/* NameBuiltin */ .chroma .nb { color:#999 } +/* NameBuiltinPseudo */ .chroma .bp { } +/* NameClass */ .chroma .nc { color:#458;font-weight:bold } +/* NameConstant */ .chroma .no { color:#008080 } +/* NameDecorator */ .chroma .nd { } +/* 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 { } +/* NameNamespace */ .chroma .nn { color:#555 } +/* NameOther */ .chroma .nx { } +/* NameProperty */ .chroma .py { } +/* NameTag */ .chroma .nt { color:#000080 } +/* NameVariable */ .chroma .nv { color:#008080 } +/* NameVariableClass */ .chroma .vc { } +/* NameVariableGlobal */ .chroma .vg { } +/* NameVariableInstance */ .chroma .vi { } +/* NameVariableMagic */ .chroma .vm { } +/* Literal */ .chroma .l { } +/* LiteralDate */ .chroma .ld { } +/* LiteralString */ .chroma .s { color:#b84 } +/* LiteralStringAffix */ .chroma .sa { color:#b84 } +/* LiteralStringBacktick */ .chroma .sb { color:#b84 } +/* LiteralStringChar */ .chroma .sc { color:#b84 } +/* LiteralStringDelimiter */ .chroma .dl { color:#b84 } +/* LiteralStringDoc */ .chroma .sd { color:#b84 } +/* LiteralStringDouble */ .chroma .s2 { color:#b84 } +/* LiteralStringEscape */ .chroma .se { color:#b84 } +/* LiteralStringHeredoc */ .chroma .sh { color:#b84 } +/* LiteralStringInterpol */ .chroma .si { color:#b84 } +/* LiteralStringOther */ .chroma .sx { color:#b84 } +/* LiteralStringRegex */ .chroma .sr { color:#808000 } +/* LiteralStringSingle */ .chroma .s1 { color:#b84 } +/* LiteralStringSymbol */ .chroma .ss { color:#b84 } +/* 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 { font-weight:bold } +/* OperatorWord */ .chroma .ow { 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 } +/* CommentPreprocFile */ .chroma .cpf { color:#999;font-weight:bold } /* Generic */ .chroma .g { } -/* GenericDeleted */ .chroma .gd { } +/* GenericDeleted */ .chroma .gd { color:#000;background-color:#fdd } /* GenericEmph */ .chroma .ge { font-style:italic } -/* GenericError */ .chroma .gr { } -/* GenericHeading */ .chroma .gh { } -/* GenericInserted */ .chroma .gi { } -/* GenericOutput */ .chroma .go { } -/* GenericPrompt */ .chroma .gp { } +/* 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 { } -/* GenericTraceback */ .chroma .gt { } -/* GenericUnderline */ .chroma .gl { } -/* TextWhitespace */ .chroma .w { } +/* GenericSubheading */ .chroma .gu { color:#aaa } +/* GenericTraceback */ .chroma .gt { color:#a00 } +/* GenericUnderline */ .chroma .gl { text-decoration:underline } +/* TextWhitespace */ .chroma .w { color:#bbb } -/* Chroma style: onedark */ +/* Chroma style: modus-vivendi */ @media (prefers-color-scheme: dark) { -/* Background */ .bg { color:#abb2bf;background-color:#282c34; } -/* PreWrapper */ .chroma { color:#abb2bf;background-color:#282c34; } +/* Background */ .bg { color:#fff;background-color:#000; } +/* PreWrapper */ .chroma { color:#fff;background-color:#000; } /* 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:#3d4148 } -/* 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:#55595f } -/* 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:#55595f } +/* LineHighlight */ .chroma .hl { background-color:#191919 } +/* 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:#c678dd } -/* KeywordConstant */ .chroma .kc { color:#e5c07b } -/* KeywordDeclaration */ .chroma .kd { color:#c678dd } -/* KeywordNamespace */ .chroma .kn { color:#c678dd } -/* KeywordPseudo */ .chroma .kp { color:#c678dd } -/* KeywordReserved */ .chroma .kr { color:#c678dd } -/* KeywordType */ .chroma .kt { color:#e5c07b } -/* Name */ .chroma .n { color:#e06c75 } -/* NameAttribute */ .chroma .na { color:#e06c75 } -/* NameBuiltin */ .chroma .nb { color:#e5c07b } -/* NameBuiltinPseudo */ .chroma .bp { color:#e06c75 } -/* NameClass */ .chroma .nc { color:#e5c07b } -/* NameConstant */ .chroma .no { color:#e06c75 } -/* NameDecorator */ .chroma .nd { color:#61afef } -/* NameEntity */ .chroma .ni { color:#e06c75 } -/* NameException */ .chroma .ne { color:#e06c75 } -/* NameFunction */ .chroma .nf { color:#61afef;font-weight:bold } -/* NameFunctionMagic */ .chroma .fm { color:#56b6c2;font-weight:bold } -/* NameLabel */ .chroma .nl { color:#e06c75 } -/* NameNamespace */ .chroma .nn { color:#e06c75 } -/* NameOther */ .chroma .nx { color:#e06c75 } -/* NameProperty */ .chroma .py { color:#e06c75 } -/* NameTag */ .chroma .nt { color:#e06c75 } -/* NameVariable */ .chroma .nv { color:#e06c75 } -/* NameVariableClass */ .chroma .vc { color:#e06c75 } -/* NameVariableGlobal */ .chroma .vg { color:#e06c75 } -/* NameVariableInstance */ .chroma .vi { color:#e06c75 } -/* NameVariableMagic */ .chroma .vm { color:#e06c75 } -/* Literal */ .chroma .l { } -/* LiteralDate */ .chroma .ld { } -/* 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:#98c379 } -/* LiteralStringDouble */ .chroma .s2 { color:#98c379 } -/* LiteralStringEscape */ .chroma .se { color:#98c379 } -/* LiteralStringHeredoc */ .chroma .sh { color:#98c379 } -/* LiteralStringInterpol */ .chroma .si { color:#98c379 } -/* LiteralStringOther */ .chroma .sx { color:#98c379 } -/* LiteralStringRegex */ .chroma .sr { color:#98c379 } -/* LiteralStringSingle */ .chroma .s1 { color:#98c379 } -/* LiteralStringSymbol */ .chroma .ss { color:#98c379 } -/* 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:#56b6c2 } -/* OperatorWord */ .chroma .ow { color:#56b6c2 } +/* Keyword */ .chroma .k { color:#b6a0ff } +/* KeywordConstant */ .chroma .kc { color:#00bcff } +/* KeywordDeclaration */ .chroma .kd { color:#b6a0ff } +/* KeywordNamespace */ .chroma .kn { color:#b6a0ff } +/* KeywordPseudo */ .chroma .kp { color:#b6a0ff } +/* KeywordReserved */ .chroma .kr { color:#b6a0ff } +/* KeywordType */ .chroma .kt { color:#6ae4b9 } +/* Name */ .chroma .n { } +/* NameAttribute */ .chroma .na { } +/* NameBuiltin */ .chroma .nb { color:#f78fe7 } +/* NameBuiltinPseudo */ .chroma .bp { } +/* NameClass */ .chroma .nc { } +/* NameConstant */ .chroma .no { } +/* NameDecorator */ .chroma .nd { } +/* NameEntity */ .chroma .ni { } +/* NameException */ .chroma .ne { } +/* NameFunction */ .chroma .nf { color:#feacd0 } +/* NameFunctionMagic */ .chroma .fm { } +/* NameLabel */ .chroma .nl { } +/* NameNamespace */ .chroma .nn { } +/* NameOther */ .chroma .nx { } +/* NameProperty */ .chroma .py { } +/* NameTag */ .chroma .nt { } +/* NameVariable */ .chroma .nv { color:#00d3d0 } +/* NameVariableClass */ .chroma .vc { } +/* NameVariableGlobal */ .chroma .vg { } +/* NameVariableInstance */ .chroma .vi { } +/* NameVariableMagic */ .chroma .vm { } +/* Literal */ .chroma .l { color:#00bcff } +/* LiteralDate */ .chroma .ld { color:#00bcff } +/* LiteralString */ .chroma .s { color:#79a8ff } +/* LiteralStringAffix */ .chroma .sa { color:#79a8ff } +/* LiteralStringBacktick */ .chroma .sb { color:#79a8ff } +/* LiteralStringChar */ .chroma .sc { color:#79a8ff } +/* LiteralStringDelimiter */ .chroma .dl { color:#79a8ff } +/* LiteralStringDoc */ .chroma .sd { color:#79a8ff } +/* LiteralStringDouble */ .chroma .s2 { color:#79a8ff } +/* LiteralStringEscape */ .chroma .se { color:#79a8ff } +/* LiteralStringHeredoc */ .chroma .sh { color:#79a8ff } +/* LiteralStringInterpol */ .chroma .si { color:#79a8ff } +/* LiteralStringOther */ .chroma .sx { color:#79a8ff } +/* LiteralStringRegex */ .chroma .sr { color:#79a8ff } +/* LiteralStringSingle */ .chroma .s1 { color:#79a8ff } +/* LiteralStringSymbol */ .chroma .ss { color:#79a8ff } +/* LiteralNumber */ .chroma .m { color:#00bcff } +/* LiteralNumberBin */ .chroma .mb { color:#00bcff } +/* LiteralNumberFloat */ .chroma .mf { color:#00bcff } +/* LiteralNumberHex */ .chroma .mh { color:#00bcff } +/* LiteralNumberInteger */ .chroma .mi { color:#00bcff } +/* LiteralNumberIntegerLong */ .chroma .il { color:#00bcff } +/* LiteralNumberOct */ .chroma .mo { color:#00bcff } +/* Operator */ .chroma .o { color:#00d3d0 } +/* OperatorWord */ .chroma .ow { color:#00d3d0 } /* Punctuation */ .chroma .p { } -/* Comment */ .chroma .c { color:#7f848e } -/* CommentHashbang */ .chroma .ch { color:#7f848e } -/* CommentMultiline */ .chroma .cm { color:#7f848e } -/* CommentSingle */ .chroma .c1 { color:#7f848e } -/* CommentSpecial */ .chroma .cs { color:#7f848e } -/* CommentPreproc */ .chroma .cp { color:#7f848e } -/* CommentPreprocFile */ .chroma .cpf { color:#7f848e } +/* Comment */ .chroma .c { color:#a8a8a8 } +/* CommentHashbang */ .chroma .ch { color:#a8a8a8 } +/* CommentMultiline */ .chroma .cm { color:#a8a8a8 } +/* CommentSingle */ .chroma .c1 { color:#a8a8a8 } +/* CommentSpecial */ .chroma .cs { color:#a8a8a8 } +/* CommentPreproc */ .chroma .cp { color:#a8a8a8 } +/* CommentPreprocFile */ .chroma .cpf { color:#a8a8a8 } /* Generic */ .chroma .g { } -/* GenericDeleted */ .chroma .gd { color:#e06c75 } +/* GenericDeleted */ .chroma .gd { } /* GenericEmph */ .chroma .ge { } /* GenericError */ .chroma .gr { } /* GenericHeading */ .chroma .gh { } -/* GenericInserted */ .chroma .gi { color:#98c379;font-weight:bold } +/* GenericInserted */ .chroma .gi { } /* GenericOutput */ .chroma .go { } /* GenericPrompt */ .chroma .gp { } /* GenericStrong */ .chroma .gs { } diff --git a/syntax.sh b/syntax.sh index 1951084..2e0db5d 100755 --- a/syntax.sh +++ b/syntax.sh @@ -1,23 +1,23 @@ #!/bin/sh -LIGHT=monokailight -DARK=onedark +# https://xyproto.github.io/splash/docs/all.html + +LIGHT=trac +DARK=modus-vivendi CSS=assets/css/syntax.css cat << EOF > $CSS -.cmd-user .line ::before { +.cmd-root .cl::before { color: #669900; font-weight: bold; user-select: none; - content: "user $" - margin-right: 1em; + content: "user $ "; } -.cmd-root .line ::before { +.cmd-root .cl::before { color: #ff3333; font-weight: bold; user-select: none; - content: "root #" - margin-right: 1em; + content: "root # "; } EOF -- cgit v1.2.3