From de0c566c04d707ab319fb1eeac3fe0b250977861 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= Date: Fri, 20 Feb 2026 09:12:10 +0100 Subject: [PATCH] fix(prose): explicitly map prose variables in @theme for robust dark mode support --- assets/css/tailwind.css | 31 ++++++++++++++++--------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css index 35c2646..ab90c26 100644 --- a/assets/css/tailwind.css +++ b/assets/css/tailwind.css @@ -38,6 +38,22 @@ --font-serif: "Playfair Display", serif; --font-heading: "Playfair Display", serif; --font-sans: "Urbanist", sans-serif; + + /* Typography (Prose) - Mapping to semantic variables */ + --tw-prose-body: var(--text-primary); + --tw-prose-headings: var(--brand-primary); + --tw-prose-links: var(--brand-primary); + --tw-prose-bold: var(--text-primary); + --tw-prose-counters: var(--text-secondary); + --tw-prose-bullets: var(--brand-primary); + --tw-prose-quotes: var(--text-primary); + --tw-prose-quote-borders: var(--brand-primary); + --tw-prose-captions: var(--text-secondary); + --tw-prose-code: var(--text-primary); + --tw-prose-pre-code: var(--text-primary); + --tw-prose-pre-bg: var(--bg-secondary); + --tw-prose-th-borders: var(--bg-tertiary); + --tw-prose-td-borders: var(--bg-secondary); } /* Light Theme Overrides */ @@ -83,22 +99,7 @@ html[data-theme='light'] { @apply text-[var(--text-primary)] text-3xl font-bold hover:text-[var(--brand-primary)] transition-colors duration-200; } - /* Typography (Prose) Customization - Adaptive through semantic variables */ .prose { - --tw-prose-body: var(--text-primary); - --tw-prose-headings: var(--brand-primary); - --tw-prose-links: var(--brand-primary); - --tw-prose-bold: var(--text-primary); - --tw-prose-counters: var(--text-secondary); - --tw-prose-bullets: var(--brand-primary); - --tw-prose-quotes: var(--text-primary); - --tw-prose-quote-borders: var(--brand-primary); - --tw-prose-captions: var(--text-secondary); - --tw-prose-code: var(--text-primary); - --tw-prose-pre-code: var(--text-primary); - --tw-prose-pre-bg: var(--bg-secondary); - --tw-prose-th-borders: var(--bg-tertiary); - --tw-prose-td-borders: var(--bg-secondary); max-width: 100%; }