From b71887c2f2038211058c4577ea0f6d7974c88e9c Mon Sep 17 00:00:00 2001
From: Dominic Reich <dominic@noreply.oe7drt.com>
Date: Sun, 8 Dec 2024 17:31:51 +0100
Subject: [PATCH] update theming (also add catppuccin-latte highlighting chroma
 example file)

not used, I use theme standards for now
---
 assets/css/catppuccin-latte.css |  86 +++++++++++++
 assets/css/custom.css           | 220 +-------------------------------
 config/_default/params.toml     |   9 +-
 3 files changed, 92 insertions(+), 223 deletions(-)
 create mode 100644 assets/css/catppuccin-latte.css

diff --git a/assets/css/catppuccin-latte.css b/assets/css/catppuccin-latte.css
new file mode 100644
index 0000000..749c5e2
--- /dev/null
+++ b/assets/css/catppuccin-latte.css
@@ -0,0 +1,86 @@
+/* Background */ .bg { color:#4c4f69;background-color:#eff1f5; }
+/* PreWrapper */ .chroma { color:#4c4f69;background-color:#eff1f5; }
+/* Other */ .chroma .x {  }
+/* Error */ .chroma .err { color:#d20f39 }
+/* 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:#bcc0cc }
+/* 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:#8c8fa1 }
+/* 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:#8c8fa1 }
+/* Line */ .chroma .line { display:flex; }
+/* Keyword */ .chroma .k { color:#8839ef }
+/* KeywordConstant */ .chroma .kc { color:#fe640b }
+/* KeywordDeclaration */ .chroma .kd { color:#d20f39 }
+/* KeywordNamespace */ .chroma .kn { color:#179299 }
+/* KeywordPseudo */ .chroma .kp { color:#8839ef }
+/* KeywordReserved */ .chroma .kr { color:#8839ef }
+/* KeywordType */ .chroma .kt { color:#d20f39 }
+/* Name */ .chroma .n {  }
+/* NameAttribute */ .chroma .na { color:#1e66f5 }
+/* NameBuiltin */ .chroma .nb { color:#04a5e5 }
+/* NameBuiltinPseudo */ .chroma .bp { color:#04a5e5 }
+/* NameClass */ .chroma .nc { color:#df8e1d }
+/* NameConstant */ .chroma .no { color:#df8e1d }
+/* NameDecorator */ .chroma .nd { color:#1e66f5;font-weight:bold }
+/* NameEntity */ .chroma .ni { color:#179299 }
+/* NameException */ .chroma .ne { color:#fe640b }
+/* NameFunction */ .chroma .nf { color:#1e66f5 }
+/* NameFunctionMagic */ .chroma .fm { color:#1e66f5 }
+/* NameLabel */ .chroma .nl { color:#04a5e5 }
+/* NameNamespace */ .chroma .nn { color:#fe640b }
+/* NameOther */ .chroma .nx {  }
+/* NameProperty */ .chroma .py { color:#fe640b }
+/* NameTag */ .chroma .nt { color:#8839ef }
+/* NameVariable */ .chroma .nv { color:#dc8a78 }
+/* NameVariableClass */ .chroma .vc { color:#dc8a78 }
+/* NameVariableGlobal */ .chroma .vg { color:#dc8a78 }
+/* NameVariableInstance */ .chroma .vi { color:#dc8a78 }
+/* NameVariableMagic */ .chroma .vm { color:#dc8a78 }
+/* Literal */ .chroma .l {  }
+/* LiteralDate */ .chroma .ld {  }
+/* LiteralString */ .chroma .s { color:#40a02b }
+/* LiteralStringAffix */ .chroma .sa { color:#d20f39 }
+/* LiteralStringBacktick */ .chroma .sb { color:#40a02b }
+/* LiteralStringChar */ .chroma .sc { color:#40a02b }
+/* LiteralStringDelimiter */ .chroma .dl { color:#1e66f5 }
+/* LiteralStringDoc */ .chroma .sd { color:#9ca0b0 }
+/* LiteralStringDouble */ .chroma .s2 { color:#40a02b }
+/* LiteralStringEscape */ .chroma .se { color:#1e66f5 }
+/* LiteralStringHeredoc */ .chroma .sh { color:#9ca0b0 }
+/* LiteralStringInterpol */ .chroma .si { color:#40a02b }
+/* LiteralStringOther */ .chroma .sx { color:#40a02b }
+/* LiteralStringRegex */ .chroma .sr { color:#179299 }
+/* LiteralStringSingle */ .chroma .s1 { color:#40a02b }
+/* LiteralStringSymbol */ .chroma .ss { color:#40a02b }
+/* LiteralNumber */ .chroma .m { color:#fe640b }
+/* LiteralNumberBin */ .chroma .mb { color:#fe640b }
+/* LiteralNumberFloat */ .chroma .mf { color:#fe640b }
+/* LiteralNumberHex */ .chroma .mh { color:#fe640b }
+/* LiteralNumberInteger */ .chroma .mi { color:#fe640b }
+/* LiteralNumberIntegerLong */ .chroma .il { color:#fe640b }
+/* LiteralNumberOct */ .chroma .mo { color:#fe640b }
+/* Operator */ .chroma .o { color:#04a5e5;font-weight:bold }
+/* OperatorWord */ .chroma .ow { color:#04a5e5;font-weight:bold }
+/* Punctuation */ .chroma .p {  }
+/* Comment */ .chroma .c { color:#9ca0b0;font-style:italic }
+/* CommentHashbang */ .chroma .ch { color:#9ca0b0;font-style:italic }
+/* CommentMultiline */ .chroma .cm { color:#9ca0b0;font-style:italic }
+/* CommentSingle */ .chroma .c1 { color:#9ca0b0;font-style:italic }
+/* CommentSpecial */ .chroma .cs { color:#9ca0b0;font-style:italic }
+/* CommentPreproc */ .chroma .cp { color:#9ca0b0;font-style:italic }
+/* CommentPreprocFile */ .chroma .cpf { color:#9ca0b0;font-weight:bold;font-style:italic }
+/* Generic */ .chroma .g {  }
+/* GenericDeleted */ .chroma .gd { color:#d20f39;background-color:#ccd0da }
+/* GenericEmph */ .chroma .ge { font-style:italic }
+/* GenericError */ .chroma .gr { color:#d20f39 }
+/* GenericHeading */ .chroma .gh { color:#fe640b;font-weight:bold }
+/* GenericInserted */ .chroma .gi { color:#40a02b;background-color:#ccd0da }
+/* GenericOutput */ .chroma .go {  }
+/* GenericPrompt */ .chroma .gp {  }
+/* GenericStrong */ .chroma .gs { font-weight:bold }
+/* GenericSubheading */ .chroma .gu { color:#fe640b;font-weight:bold }
+/* GenericTraceback */ .chroma .gt { color:#d20f39 }
+/* GenericUnderline */ .chroma .gl { text-decoration:underline }
+/* TextWhitespace */ .chroma .w {  }
diff --git a/assets/css/custom.css b/assets/css/custom.css
index d966619..dbc36cb 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,96 +1,8 @@
 /* Increase the default font size */
 html {
-    font-size: 15pt;
+  font-size: 15pt;
 }
 
-/* Background */ .bg { color: #ffffff; background-color: #000000; !important }
-/* PreWrapper */ .chroma { color: #ffffff; background-color: #000000; !important }
-/* Other */ .chroma .x {  !important }
-/* Error */ .chroma .err {  !important }
-/* CodeLine */ .chroma .cl {  !important }
-/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit !important }
-/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; !important }
-/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; !important }
-/* LineHighlight */ .chroma .hl { background-color: #191919 !important }
-/* 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 !important }
-/* 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 !important }
-/* Line */ .chroma .line { display: flex; !important }
-/* Keyword */ .chroma .k { color: #b6a0ff !important }
-/* KeywordConstant */ .chroma .kc { color: #00bcff !important }
-/* KeywordDeclaration */ .chroma .kd { color: #b6a0ff !important }
-/* KeywordNamespace */ .chroma .kn { color: #b6a0ff !important }
-/* KeywordPseudo */ .chroma .kp { color: #b6a0ff !important }
-/* KeywordReserved */ .chroma .kr { color: #b6a0ff !important }
-/* KeywordType */ .chroma .kt { color: #6ae4b9 !important }
-/* Name */ .chroma .n {  !important }
-/* NameAttribute */ .chroma .na {  !important }
-/* NameBuiltin */ .chroma .nb { color: #f78fe7 !important }
-/* NameBuiltinPseudo */ .chroma .bp {  !important }
-/* NameClass */ .chroma .nc {  !important }
-/* NameConstant */ .chroma .no {  !important }
-/* NameDecorator */ .chroma .nd {  !important }
-/* NameEntity */ .chroma .ni {  !important }
-/* NameException */ .chroma .ne {  !important }
-/* NameFunction */ .chroma .nf { color: #feacd0 !important }
-/* NameFunctionMagic */ .chroma .fm {  !important }
-/* NameLabel */ .chroma .nl {  !important }
-/* NameNamespace */ .chroma .nn {  !important }
-/* NameOther */ .chroma .nx {  !important }
-/* NameProperty */ .chroma .py {  !important }
-/* NameTag */ .chroma .nt {  !important }
-/* NameVariable */ .chroma .nv { color: #00d3d0 !important }
-/* NameVariableClass */ .chroma .vc {  !important }
-/* NameVariableGlobal */ .chroma .vg {  !important }
-/* NameVariableInstance */ .chroma .vi {  !important }
-/* NameVariableMagic */ .chroma .vm {  !important }
-/* Literal */ .chroma .l { color: #00bcff !important }
-/* LiteralDate */ .chroma .ld { color: #00bcff !important }
-/* LiteralString */ .chroma .s { color: #79a8ff !important }
-/* LiteralStringAffix */ .chroma .sa { color: #79a8ff !important }
-/* LiteralStringBacktick */ .chroma .sb { color: #79a8ff !important }
-/* LiteralStringChar */ .chroma .sc { color: #79a8ff !important }
-/* LiteralStringDelimiter */ .chroma .dl { color: #79a8ff !important }
-/* LiteralStringDoc */ .chroma .sd { color: #79a8ff !important }
-/* LiteralStringDouble */ .chroma .s2 { color: #79a8ff !important }
-/* LiteralStringEscape */ .chroma .se { color: #79a8ff !important }
-/* LiteralStringHeredoc */ .chroma .sh { color: #79a8ff !important }
-/* LiteralStringInterpol */ .chroma .si { color: #79a8ff !important }
-/* LiteralStringOther */ .chroma .sx { color: #79a8ff !important }
-/* LiteralStringRegex */ .chroma .sr { color: #79a8ff !important }
-/* LiteralStringSingle */ .chroma .s1 { color: #79a8ff !important }
-/* LiteralStringSymbol */ .chroma .ss { color: #79a8ff !important }
-/* LiteralNumber */ .chroma .m { color: #00bcff !important }
-/* LiteralNumberBin */ .chroma .mb { color: #00bcff !important }
-/* LiteralNumberFloat */ .chroma .mf { color: #00bcff !important }
-/* LiteralNumberHex */ .chroma .mh { color: #00bcff !important }
-/* LiteralNumberInteger */ .chroma .mi { color: #00bcff !important }
-/* LiteralNumberIntegerLong */ .chroma .il { color: #00bcff !important }
-/* LiteralNumberOct */ .chroma .mo { color: #00bcff !important }
-/* Operator */ .chroma .o { color: #00d3d0 !important }
-/* OperatorWord */ .chroma .ow { color: #00d3d0 !important }
-/* Punctuation */ .chroma .p {  !important }
-/* Comment */ .chroma .c { color: #a8a8a8 !important }
-/* CommentHashbang */ .chroma .ch { color: #a8a8a8 !important }
-/* CommentMultiline */ .chroma .cm { color: #a8a8a8 !important }
-/* CommentSingle */ .chroma .c1 { color: #a8a8a8 !important }
-/* CommentSpecial */ .chroma .cs { color: #a8a8a8 !important }
-/* CommentPreproc */ .chroma .cp { color: #a8a8a8 !important }
-/* CommentPreprocFile */ .chroma .cpf { color: #a8a8a8 !important }
-/* Generic */ .chroma .g {  !important }
-/* GenericDeleted */ .chroma .gd {  !important }
-/* GenericEmph */ .chroma .ge {  !important }
-/* GenericError */ .chroma .gr {  !important }
-/* GenericHeading */ .chroma .gh {  !important }
-/* GenericInserted */ .chroma .gi {  !important }
-/* GenericOutput */ .chroma .go {  !important }
-/* GenericPrompt */ .chroma .gp {  !important }
-/* GenericStrong */ .chroma .gs {  !important }
-/* GenericSubheading */ .chroma .gu {  !important }
-/* GenericTraceback */ .chroma .gt {  !important }
-/* GenericUnderline */ .chroma .gl {  !important }
-/* TextWhitespace */ .chroma .w {  !important }
-
-
 /* .toc { */
 /*     overflow: scroll; */
 /* } */
@@ -121,133 +33,3 @@ html {
 /* .toc a:hover { */
 /*     font-size: 16pt; */
 /* } */
-
-
-/* // Based on Monokai (pygments-high-contrast-stylesheets) */
-/* // Source: https://github.com/mpchadwick/pygments-high-contrast-stylesheets/blob/gh-pages/monokai.css */
-
-/* .chroma, */
-/* pre, */
-/* p code, */
-/* li code { */
-/*   color: #f8f8f2 !important; */
-/*   background: #272822 !important; */
-/* } */
-/**/
-/* .chroma .err { */
-/*   color: #eb0083 !important; */
-/*   background-color: #1e0010 !important; */
-/* } */
-/**/
-/* .chroma .lntd { */
-/*   vertical-align: top !important; */
-/*   padding: 0 !important; */
-/*   margin: 0 !important; */
-/*   border: 0 !important; */
-/* } */
-/**/
-/* .chroma .lntable { */
-/*   border-spacing: 0 !important; */
-/*   /* //padding: 0; */ */
-/*   margin: 0 !important; */
-/*   border: 0 !important; */
-/*   width: auto !important; */
-/*   /* //overflow: auto; */ */
-/*   display: block !important; */
-/* } */
-/**/
-/* .chroma .hl { */
-/*   display: block !important; */
-/*   width: 100% !important; */
-/*   background-color: rgba(0,0,0,.3) !important; */
-/* } */
-/**/
-/* .chroma .ge { */
-/* 	font-style: italic !important; */
-/* } */
-/**/
-/* .chroma .gs { */
-/* 	font-weight: bold !important; */
-/* } */
-/**/
-/* .chroma .lnt, */
-/* .chroma .ln { */
-/*   margin-right: 0.5rem !important; */
-/*   padding: 0 0.5rem 0 1.5rem !important; */
-/*   color: #8e8e8e !important; */
-/* } */
-/**/
-/* .chroma .k, */
-/* .chroma .kc, */
-/* .chroma .kd, */
-/* .chroma .kp, */
-/* .chroma .kr, */
-/* .chroma .kt, */
-/* .chroma .no { */
-/*   color: #66d9ef !important; */
-/* } */
-/**/
-/* .chroma .kn, */
-/* .chroma .nt, */
-/* .chroma .o, */
-/* .chroma .ow, */
-/* .chroma .gd { */
-/*   color: #f94e8a !important; */
-/* } */
-/**/
-/* .chroma .na, */
-/* .chroma .nc, */
-/* .chroma .nd, */
-/* .chroma .ne, */
-/* .chroma .nf, */
-/* .chroma .nx, */
-/* .chroma .gi { */
-/*   color: #a6e22e !important; */
-/* } */
-/**/
-/* .chroma .l, */
-/* .chroma .se, */
-/* .chroma .m, */
-/* .chroma .mb, */
-/* .chroma .mf, */
-/* .chroma .mh, */
-/* .chroma .mi, */
-/* .chroma .il, */
-/* .chroma .mo { */
-/*   color: #ae81ff !important; */
-/* } */
-/**/
-/* .chroma .ld, */
-/* .chroma .s, */
-/* .chroma .sa, */
-/* .chroma .sb, */
-/* .chroma .sc, */
-/* .chroma .dl, */
-/* .chroma .sd, */
-/* .chroma .s2, */
-/* .chroma .sh, */
-/* .chroma .si, */
-/* .chroma .sx, */
-/* .chroma .sr, */
-/* .chroma .s1, */
-/* .chroma .ss { */
-/*   color: #e6db74 !important; */
-/* } */
-/**/
-/* /* .chroma .n, */ */
-/* .chroma .c, */
-/* .chroma .ch, */
-/* .chroma .cm, */
-/* .chroma .c1, */
-/* .chroma .cs, */
-/* .chroma .cp, */
-/* .chroma .cpf, */
-/* .chroma .gu { */
-/*   color: #949076 !important; */
-/* } */
-/**/
-/**/
-/* .chroma .n { */
-/*   color: white !important; */
-/* } */
-/**/
diff --git a/config/_default/params.toml b/config/_default/params.toml
index 0b76876..629dd29 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -10,15 +10,16 @@ theme = [ "congo", "plausible-hugo" ]
 # theme = [ "plausible-hugo", "congo" ]
 
 # congo (default), avocado, cherry, fire, ocean, sapphire and slate.
-# colorScheme = "congo"
+colorScheme = "congo"
 # colorScheme = "avocado"
 # colorScheme = "cherry"
 # colorScheme = "fire"
-colorScheme = "ocean"
+# colorScheme = "ocean"
 # colorScheme = "sapphire"
 # colorScheme = "slate"
-defaultAppearance = "dark" # valid options: light or dark
-autoSwitchAppearance = false
+# defaultAppearance = "dark" # valid options: light or dark
+defaultAppearance = "light" # valid options: light or dark
+autoSwitchAppearance = true
 
 enableSearch = true
 enableCodeCopy = false