From ba940f35f9b57d8a2e325ff718d40c554c8cbef2 Mon Sep 17 00:00:00 2001 From: Florestan Bredow Date: Thu, 12 Jun 2025 20:29:58 +0200 Subject: [PATCH] Update CSS --- css/codehilite.css | 159 ++++++++++++++++++++++++--------------------- css/styles.css | 32 ++++++--- 2 files changed, 109 insertions(+), 82 deletions(-) diff --git a/css/codehilite.css b/css/codehilite.css index 96c6007..d8946a7 100644 --- a/css/codehilite.css +++ b/css/codehilite.css @@ -1,75 +1,86 @@ pre { line-height: 125%; } -td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } -span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } -td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } -span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } -.codehilite .hll { background-color: #ffffcc } -.codehilite { background: #f8f8f8; } -.codehilite .c { color: #3D7B7B; font-style: italic } /* Comment */ -.codehilite .err { border: 1px solid #F00 } /* Error */ -.codehilite .k { color: #008000; font-weight: bold } /* Keyword */ -.codehilite .o { color: #666 } /* Operator */ -.codehilite .ch { color: #3D7B7B; font-style: italic } /* Comment.Hashbang */ -.codehilite .cm { color: #3D7B7B; font-style: italic } /* Comment.Multiline */ -.codehilite .cp { color: #9C6500 } /* Comment.Preproc */ -.codehilite .cpf { color: #3D7B7B; font-style: italic } /* Comment.PreprocFile */ -.codehilite .c1 { color: #3D7B7B; font-style: italic } /* Comment.Single */ -.codehilite .cs { color: #3D7B7B; font-style: italic } /* Comment.Special */ -.codehilite .gd { color: #A00000 } /* Generic.Deleted */ -.codehilite .ge { font-style: italic } /* Generic.Emph */ -.codehilite .ges { font-weight: bold; font-style: italic } /* Generic.EmphStrong */ -.codehilite .gr { color: #E40000 } /* Generic.Error */ -.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */ -.codehilite .gi { color: #008400 } /* Generic.Inserted */ -.codehilite .go { color: #717171 } /* Generic.Output */ -.codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */ -.codehilite .gs { font-weight: bold } /* Generic.Strong */ -.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ -.codehilite .gt { color: #04D } /* Generic.Traceback */ -.codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */ -.codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */ -.codehilite .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */ -.codehilite .kp { color: #008000 } /* Keyword.Pseudo */ -.codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */ -.codehilite .kt { color: #B00040 } /* Keyword.Type */ -.codehilite .m { color: #666 } /* Literal.Number */ -.codehilite .s { color: #BA2121 } /* Literal.String */ -.codehilite .na { color: #687822 } /* Name.Attribute */ -.codehilite .nb { color: #008000 } /* Name.Builtin */ -.codehilite .nc { color: #00F; font-weight: bold } /* Name.Class */ -.codehilite .no { color: #800 } /* Name.Constant */ -.codehilite .nd { color: #A2F } /* Name.Decorator */ -.codehilite .ni { color: #717171; font-weight: bold } /* Name.Entity */ -.codehilite .ne { color: #CB3F38; font-weight: bold } /* Name.Exception */ -.codehilite .nf { color: #00F } /* Name.Function */ -.codehilite .nl { color: #767600 } /* Name.Label */ -.codehilite .nn { color: #00F; font-weight: bold } /* Name.Namespace */ -.codehilite .nt { color: #008000; font-weight: bold } /* Name.Tag */ -.codehilite .nv { color: #19177C } /* Name.Variable */ -.codehilite .ow { color: #A2F; font-weight: bold } /* Operator.Word */ -.codehilite .w { color: #BBB } /* Text.Whitespace */ -.codehilite .mb { color: #666 } /* Literal.Number.Bin */ -.codehilite .mf { color: #666 } /* Literal.Number.Float */ -.codehilite .mh { color: #666 } /* Literal.Number.Hex */ -.codehilite .mi { color: #666 } /* Literal.Number.Integer */ -.codehilite .mo { color: #666 } /* Literal.Number.Oct */ -.codehilite .sa { color: #BA2121 } /* Literal.String.Affix */ -.codehilite .sb { color: #BA2121 } /* Literal.String.Backtick */ -.codehilite .sc { color: #BA2121 } /* Literal.String.Char */ -.codehilite .dl { color: #BA2121 } /* Literal.String.Delimiter */ -.codehilite .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */ -.codehilite .s2 { color: #BA2121 } /* Literal.String.Double */ -.codehilite .se { color: #AA5D1F; font-weight: bold } /* Literal.String.Escape */ -.codehilite .sh { color: #BA2121 } /* Literal.String.Heredoc */ -.codehilite .si { color: #A45A77; font-weight: bold } /* Literal.String.Interpol */ -.codehilite .sx { color: #008000 } /* Literal.String.Other */ -.codehilite .sr { color: #A45A77 } /* Literal.String.Regex */ -.codehilite .s1 { color: #BA2121 } /* Literal.String.Single */ -.codehilite .ss { color: #19177C } /* Literal.String.Symbol */ -.codehilite .bp { color: #008000 } /* Name.Builtin.Pseudo */ -.codehilite .fm { color: #00F } /* Name.Function.Magic */ -.codehilite .vc { color: #19177C } /* Name.Variable.Class */ -.codehilite .vg { color: #19177C } /* Name.Variable.Global */ -.codehilite .vi { color: #19177C } /* Name.Variable.Instance */ -.codehilite .vm { color: #19177C } /* Name.Variable.Magic */ -.codehilite .il { color: #666 } /* Literal.Number.Integer.Long */ +td.linenos .normal { color: #6e7681; background-color: #0d1117; padding-left: 5px; padding-right: 5px; } +span.linenos { color: #6e7681; background-color: #0d1117; padding-left: 5px; padding-right: 5px; } +td.linenos .special { color: #e6edf3; background-color: #6e7681; padding-left: 5px; padding-right: 5px; } +span.linenos.special { color: #e6edf3; background-color: #6e7681; padding-left: 5px; padding-right: 5px; } +.codehilite .hll { background-color: #6e7681 } +.codehilite { background: #0d1117; color: #E6EDF3 } +.codehilite .c { color: #8B949E; font-style: italic } /* Comment */ +.codehilite .err { color: #F85149 } /* Error */ +.codehilite .esc { color: #E6EDF3 } /* Escape */ +.codehilite .g { color: #E6EDF3 } /* Generic */ +.codehilite .k { color: #FF7B72 } /* Keyword */ +.codehilite .l { color: #A5D6FF } /* Literal */ +.codehilite .n { color: #E6EDF3 } /* Name */ +.codehilite .o { color: #FF7B72; font-weight: bold } /* Operator */ +.codehilite .x { color: #E6EDF3 } /* Other */ +.codehilite .p { color: #E6EDF3 } /* Punctuation */ +.codehilite .ch { color: #8B949E; font-style: italic } /* Comment.Hashbang */ +.codehilite .cm { color: #8B949E; font-style: italic } /* Comment.Multiline */ +.codehilite .cp { color: #8B949E; font-weight: bold; font-style: italic } /* Comment.Preproc */ +.codehilite .cpf { color: #8B949E; font-style: italic } /* Comment.PreprocFile */ +.codehilite .c1 { color: #8B949E; font-style: italic } /* Comment.Single */ +.codehilite .cs { color: #8B949E; font-weight: bold; font-style: italic } /* Comment.Special */ +.codehilite .gd { color: #FFA198; background-color: #490202 } /* Generic.Deleted */ +.codehilite .ge { color: #E6EDF3; font-style: italic } /* Generic.Emph */ +.codehilite .ges { color: #E6EDF3; font-weight: bold; font-style: italic } /* Generic.EmphStrong */ +.codehilite .gr { color: #FFA198 } /* Generic.Error */ +.codehilite .gh { color: #79C0FF; font-weight: bold } /* Generic.Heading */ +.codehilite .gi { color: #56D364; background-color: #0F5323 } /* Generic.Inserted */ +.codehilite .go { color: #8B949E } /* Generic.Output */ +.codehilite .gp { color: #8B949E } /* Generic.Prompt */ +.codehilite .gs { color: #E6EDF3; font-weight: bold } /* Generic.Strong */ +.codehilite .gu { color: #79C0FF } /* Generic.Subheading */ +.codehilite .gt { color: #FF7B72 } /* Generic.Traceback */ +.codehilite .g-Underline { color: #E6EDF3; text-decoration: underline } /* Generic.Underline */ +.codehilite .kc { color: #79C0FF } /* Keyword.Constant */ +.codehilite .kd { color: #FF7B72 } /* Keyword.Declaration */ +.codehilite .kn { color: #FF7B72 } /* Keyword.Namespace */ +.codehilite .kp { color: #79C0FF } /* Keyword.Pseudo */ +.codehilite .kr { color: #FF7B72 } /* Keyword.Reserved */ +.codehilite .kt { color: #FF7B72 } /* Keyword.Type */ +.codehilite .ld { color: #79C0FF } /* Literal.Date */ +.codehilite .m { color: #A5D6FF } /* Literal.Number */ +.codehilite .s { color: #A5D6FF } /* Literal.String */ +.codehilite .na { color: #E6EDF3 } /* Name.Attribute */ +.codehilite .nb { color: #E6EDF3 } /* Name.Builtin */ +.codehilite .nc { color: #F0883E; font-weight: bold } /* Name.Class */ +.codehilite .no { color: #79C0FF; font-weight: bold } /* Name.Constant */ +.codehilite .nd { color: #D2A8FF; font-weight: bold } /* Name.Decorator */ +.codehilite .ni { color: #FFA657 } /* Name.Entity */ +.codehilite .ne { color: #F0883E; font-weight: bold } /* Name.Exception */ +.codehilite .nf { color: #D2A8FF; font-weight: bold } /* Name.Function */ +.codehilite .nl { color: #79C0FF; font-weight: bold } /* Name.Label */ +.codehilite .nn { color: #FF7B72 } /* Name.Namespace */ +.codehilite .nx { color: #E6EDF3 } /* Name.Other */ +.codehilite .py { color: #79C0FF } /* Name.Property */ +.codehilite .nt { color: #7EE787 } /* Name.Tag */ +.codehilite .nv { color: #79C0FF } /* Name.Variable */ +.codehilite .ow { color: #FF7B72; font-weight: bold } /* Operator.Word */ +.codehilite .pm { color: #E6EDF3 } /* Punctuation.Marker */ +.codehilite .w { color: #6E7681 } /* Text.Whitespace */ +.codehilite .mb { color: #A5D6FF } /* Literal.Number.Bin */ +.codehilite .mf { color: #A5D6FF } /* Literal.Number.Float */ +.codehilite .mh { color: #A5D6FF } /* Literal.Number.Hex */ +.codehilite .mi { color: #A5D6FF } /* Literal.Number.Integer */ +.codehilite .mo { color: #A5D6FF } /* Literal.Number.Oct */ +.codehilite .sa { color: #79C0FF } /* Literal.String.Affix */ +.codehilite .sb { color: #A5D6FF } /* Literal.String.Backtick */ +.codehilite .sc { color: #A5D6FF } /* Literal.String.Char */ +.codehilite .dl { color: #79C0FF } /* Literal.String.Delimiter */ +.codehilite .sd { color: #A5D6FF } /* Literal.String.Doc */ +.codehilite .s2 { color: #A5D6FF } /* Literal.String.Double */ +.codehilite .se { color: #79C0FF } /* Literal.String.Escape */ +.codehilite .sh { color: #79C0FF } /* Literal.String.Heredoc */ +.codehilite .si { color: #A5D6FF } /* Literal.String.Interpol */ +.codehilite .sx { color: #A5D6FF } /* Literal.String.Other */ +.codehilite .sr { color: #79C0FF } /* Literal.String.Regex */ +.codehilite .s1 { color: #A5D6FF } /* Literal.String.Single */ +.codehilite .ss { color: #A5D6FF } /* Literal.String.Symbol */ +.codehilite .bp { color: #E6EDF3 } /* Name.Builtin.Pseudo */ +.codehilite .fm { color: #D2A8FF; font-weight: bold } /* Name.Function.Magic */ +.codehilite .vc { color: #79C0FF } /* Name.Variable.Class */ +.codehilite .vg { color: #79C0FF } /* Name.Variable.Global */ +.codehilite .vi { color: #79C0FF } /* Name.Variable.Instance */ +.codehilite .vm { color: #79C0FF } /* Name.Variable.Magic */ +.codehilite .il { color: #A5D6FF } /* Literal.Number.Integer.Long */ diff --git a/css/styles.css b/css/styles.css index b40d480..efb7837 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1,6 +1,20 @@ + /* color: #2ea043; + color: #f85149; + color: #0078d4; + color: #1f1f1f; */ + body { - max-width: 720px; + font-size: 20px; + max-width: 40em; margin: auto; + background: #1f1f1f; + color: #f8f8f2; + padding: 1em; + margin: auto; +} + +a { + color: #0078d4; } .codehilite { @@ -8,17 +22,19 @@ body { } h1 { - + color: #f85149; + margin-bottom: 1em; } h2 { - + color: #2ea043; } -h3 { - +li { + margin-bottom: .2em; +} + +li::marker { + color: #2ea043; } -a { - -} \ No newline at end of file