From: Danilo M. <redacted>
Date: Wed, 15 Apr 2026 13:35:45 +0000 (+0200)
Subject: fix: add light theme color overrides and remove duplicate inline code styling from... 
X-Git-Tag: release_22042026-1342~284
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=3ef03223462317e2aaed060a7514d34df728618b;p=danix.xyz-2.git

fix: add light theme color overrides and remove duplicate inline code styling from chroma-custom.css
---

diff --git a/themes/danix-xyz-hacker/assets/css/chroma-custom.css b/themes/danix-xyz-hacker/assets/css/chroma-custom.css
index 2b4423f..3e91d50 100644
--- a/themes/danix-xyz-hacker/assets/css/chroma-custom.css
+++ b/themes/danix-xyz-hacker/assets/css/chroma-custom.css
@@ -21,7 +21,6 @@
   padding: 1rem;
   border-radius: 0.375rem;
   overflow-x: auto;
-  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
   font-size: 0.875rem;
   line-height: 1.5;
 }
@@ -32,6 +31,46 @@ html.theme-light .highlight {
   color: var(--chroma-text-light);
 }
 
+/* Light theme token colors for proper contrast */
+html.theme-light .highlight .k,
+html.theme-light .highlight .kc,
+html.theme-light .highlight .kd,
+html.theme-light .highlight .kn,
+html.theme-light .highlight .kp,
+html.theme-light .highlight .kr,
+html.theme-light .highlight .kt {
+  color: #7c3aed;
+}
+
+html.theme-light .highlight .s,
+html.theme-light .highlight .sb,
+html.theme-light .highlight .sc,
+html.theme-light .highlight .sd,
+html.theme-light .highlight .s1,
+html.theme-light .highlight .s2,
+html.theme-light .highlight .se,
+html.theme-light .highlight .sh,
+html.theme-light .highlight .si,
+html.theme-light .highlight .sx {
+  color: #059669;
+}
+
+html.theme-light .highlight .m,
+html.theme-light .highlight .mb,
+html.theme-light .highlight .mf,
+html.theme-light .highlight .mh,
+html.theme-light .highlight .mi,
+html.theme-light .highlight .il,
+html.theme-light .highlight .mo {
+  color: #0284c7;
+}
+
+html.theme-light .highlight .c,
+html.theme-light .highlight .c1,
+html.theme-light .highlight .cm {
+  color: #6888a8;
+}
+
 /* Keyword tokens - purple */
 .highlight .k,
 .highlight .kc,
@@ -104,21 +143,7 @@ html.theme-light .highlight {
   -webkit-user-select: none;
 }
 
-/* Inline code styling */
-code {
-  background-color: var(--chroma-bg-dark);
-  color: var(--chroma-text-dark);
-  padding: 0.125rem 0.375rem;
-  border-radius: 0.25rem;
-  font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
-  font-size: 0.875em;
-}
-
-/* Light theme inline code override */
-html.theme-light code {
-  background-color: var(--chroma-bg-light);
-  color: var(--chroma-text-light);
-}
+/* Inline code is styled in main.css - just reset within code blocks */
 
 /* Code block styling for pre tag */
 pre {