fix: add light theme color overrides and remove duplicate inline code styling from...

diff --git a/themes/danix-xyz-hacker/assets/css/chroma-custom.css b/themes/danix-xyz-hacker/assets/css/chroma-custom.css
index 2b4423f5cdc9232e43dedeb25ff8f29aa431af35..3e91d500e4fb56ea55128a2bb5f682f6f90f85f3 100644 (file)
--- 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 {