Fix code blocks to adapt to theme

Light mode: light background (#f5f3f0) with darker syntax colors
Dark mode: dark background (#1c1917) with bright syntax colors

Code blocks now properly match the overall theme instead of
always being dark.
This commit is contained in:
Daniele Linguaglossa 2026-01-21 23:45:08 +01:00
parent c77582a90f
commit 5e877e83de

View File

@ -35,8 +35,8 @@ Copyright:
CSS_PROPERTY("--accent-subtle", "rgba(180,83,9,0.08)") \
CSS_PROPERTY("--border", "#e7e5e4") \
CSS_PROPERTY("--border-strong", "#d6d3d1") \
CSS_PROPERTY("--code-bg", "#292524") \
CSS_PROPERTY("--code-text", "#fafaf9") \
CSS_PROPERTY("--code-bg", "#f5f3f0") \
CSS_PROPERTY("--code-text", "#1c1917") \
CSS_PROPERTY("--strong", "#9a3412") \
CSS_PROPERTY("--heart", "#dc2626") \
CSS_PROPERTY("--shadow", "0 1px 2px rgba(0,0,0,0.04)") \
@ -44,25 +44,25 @@ Copyright:
CSS_PROPERTY("--table-header", "#f5f3f0") \
CSS_PROPERTY("--table-row-alt", "#faf9f7") \
CSS_PROPERTY("--table-hover", "#fef3c7") \
CSS_PROPERTY("--scrollbar-bg", "#292524") \
CSS_PROPERTY("--scrollbar-thumb", "#57534e") \
CSS_PROPERTY("--scrollbar-bg", "#e7e5e4") \
CSS_PROPERTY("--scrollbar-thumb", "#a8a29e") \
CSS_PROPERTY("--font-display", "\"Playfair Display\", Georgia, \"Times New Roman\", serif") \
CSS_PROPERTY("--font-body", "\"Source Sans 3\", \"Segoe UI\", system-ui, sans-serif") \
CSS_PROPERTY("--font-mono", "\"JetBrains Mono\", \"Fira Code\", \"SF Mono\", monospace") \
CSS_COMMENT("Syntax highlighting - light mode (on dark code bg)") \
CSS_PROPERTY("--syn-keyword", "#f97316") \
CSS_PROPERTY("--syn-string", "#a3e635") \
CSS_PROPERTY("--syn-comment", "#a8a29e") \
CSS_PROPERTY("--syn-number", "#60a5fa") \
CSS_PROPERTY("--syn-function", "#c084fc") \
CSS_PROPERTY("--syn-variable", "#fbbf24") \
CSS_PROPERTY("--syn-operator", "#e7e5e4") \
CSS_PROPERTY("--syn-type", "#22d3ee") \
CSS_PROPERTY("--syn-constant", "#60a5fa") \
CSS_PROPERTY("--syn-builtin", "#c084fc") \
CSS_PROPERTY("--syn-control", "#f97316") \
CSS_PROPERTY("--syn-char", "#a3e635") \
CSS_PROPERTY("--syn-special", "#fb923c") \
CSS_COMMENT("Syntax highlighting - light mode") \
CSS_PROPERTY("--syn-keyword", "#a21caf") \
CSS_PROPERTY("--syn-string", "#15803d") \
CSS_PROPERTY("--syn-comment", "#78716c") \
CSS_PROPERTY("--syn-number", "#0369a1") \
CSS_PROPERTY("--syn-function", "#6d28d9") \
CSS_PROPERTY("--syn-variable", "#c2410c") \
CSS_PROPERTY("--syn-operator", "#57534e") \
CSS_PROPERTY("--syn-type", "#0e7490") \
CSS_PROPERTY("--syn-constant", "#0369a1") \
CSS_PROPERTY("--syn-builtin", "#6d28d9") \
CSS_PROPERTY("--syn-control", "#a21caf") \
CSS_PROPERTY("--syn-char", "#15803d") \
CSS_PROPERTY("--syn-special", "#c2410c") \
CSS_END_SELECTOR() \
CSS_COMMENT("Dark mode variables") \
CSS_SELECTOR("html.dark") \