From 744a0b97eafc5facb5b3df4a37c255ff432e2d90 Mon Sep 17 00:00:00 2001 From: Florestan Bredow Date: Mon, 26 Jan 2026 18:48:01 +0100 Subject: [PATCH] Update theme to OneDark --- css/codehilite.css | 383 +++++++++++++++++++++++++++++++++++---------- css/styles.css | 18 +-- 2 files changed, 306 insertions(+), 95 deletions(-) diff --git a/css/codehilite.css b/css/codehilite.css index d8946a7..81034ae 100644 --- a/css/codehilite.css +++ b/css/codehilite.css @@ -1,86 +1,297 @@ -pre { line-height: 125%; } -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 */ +pre { + line-height: 125%; +} +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: #20252c; + 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 cace43f..5ad4e33 100644 --- a/css/styles.css +++ b/css/styles.css @@ -9,29 +9,30 @@ body { /* font-size: 20px;*/ max-width: 40em; margin: auto; - background: #1f1f1f; - color: #f8f8f2; + background: #272c35; + color: #aab2c0; padding: 1em; margin: auto; } a { - color: #0078d4; + color: #45b0f5; } .codehilite { padding: .5em 1em; - overflow-x:auto + overflow-x:auto; } h1 { - color: #f85149; + /*color: #f85149;*/ margin-bottom: 1em; font-size: 2rem; + color: #5b6371; } h2 { - color: #2ea043; + color: #7c94b7; font-size: 1.6rem; } @@ -43,7 +44,6 @@ li { margin-bottom: .2em; } -li::marker { +/*li::marker { color: #2ea043; -} - +}*/