style(global): add color variables with dark theme support

This commit is contained in:
lila 2026-04-19 17:27:16 +02:00
parent c866805c80
commit 6dbc16f23d

View file

@ -1 +1,28 @@
@import "tailwindcss"; @import "tailwindcss";
:root {
--color-primary: #7c3aed;
--color-primary-light: #a78bfa;
--color-primary-dark: #5b21b6;
--color-accent: #ec4899;
--color-accent-light: #f9a8d4;
--color-accent-dark: #be185d;
--color-bg: #fafafa;
--color-surface: #f5f3ff;
--color-text: #1f1f2e;
--color-text-muted: #6b7280;
}
[data-theme="dark"] {
--color-bg: #0f0e17;
--color-surface: #1a1730;
--color-text: #fffffe;
--color-text-muted: #a7a9be;
}
@layer base {
body {
background-color: var(--color-bg);
color: var(--color-text);
}
}