From 69288851ad32a64b316e94daa23425ba22c729b7 Mon Sep 17 00:00:00 2001 From: Justin Reiners Date: Thu, 26 Mar 2026 17:16:33 -0500 Subject: [PATCH] fix: use @theme inline for runtime CSS variable overrides Tailwind 4's @theme block was resolving var() references at build time and baking in the default teal color, preventing org_config branding from taking effect. Switch to @theme inline which keeps values as live CSS custom properties, allowing per-tenant runtime overrides. Co-Authored-By: Claude Opus 4.6 (1M context) --- src/app.css | 11 +---------- 1 file changed, 1 insertion(+), 10 deletions(-) diff --git a/src/app.css b/src/app.css index 3ba6152..92dcfb5 100644 --- a/src/app.css +++ b/src/app.css @@ -1,20 +1,11 @@ @import 'tailwindcss'; -:root { +@theme inline { --color-primary: #0d9488; --color-primary-light: #14b8a6; --color-primary-dark: #0f766e; --color-accent: #f59e0b; --color-accent-light: #fbbf24; --color-accent-dark: #d97706; -} - -@theme { - --color-primary: var(--color-primary); - --color-primary-light: var(--color-primary-light); - --color-primary-dark: var(--color-primary-dark); - --color-accent: var(--color-accent); - --color-accent-light: var(--color-accent-light); - --color-accent-dark: var(--color-accent-dark); --color-warm-bg: #faf8f5; }