justin/fosterflow
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: use @theme inline for runtime CSS variable overrides

Browse Source 
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) <noreply@anthropic.com>
This commit is contained in:
justin
2026-03-26 17:16:33 -05:00
co-authored by Claude Opus 4.6
parent 602f36d558
commit 69288851ad
1 changed files with 1 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.css
+1 -10
View File
@@ -1,20 +1,11 @@
@import 'tailwindcss'; @import 'tailwindcss';
:root { @theme inline {
--color-primary: #0d9488; --color-primary: #0d9488;
--color-primary-light: #14b8a6; --color-primary-light: #14b8a6;
--color-primary-dark: #0f766e; --color-primary-dark: #0f766e;
--color-accent: #f59e0b; --color-accent: #f59e0b;
--color-accent-light: #fbbf24; --color-accent-light: #fbbf24;
--color-accent-dark: #d97706; --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; --color-warm-bg: #faf8f5;
} }