Use theme-aware chart colors and update color variables

This commit is contained in:
2025-07-31 23:10:55 -04:00
parent 8c8f09dab9
commit 43b8fd6c9e
7 changed files with 75 additions and 39 deletions
+22 -10
View File
@@ -18,14 +18,18 @@
--accent-foreground: oklch(0.2 0 0);
--destructive: oklch(0.58 0.24 28);
--destructive-foreground: oklch(0.98 0 0);
--success: oklch(0.55 0.15 142);
--success-foreground: oklch(0.98 0 0);
--warning: oklch(0.65 0.15 38);
--warning-foreground: oklch(0.1 0 0);
--border: oklch(0.9 0 0);
--input: oklch(0.9 0 0);
--ring: oklch(0.71 0 0);
--chart-1: oklch(0.55 0 0);
--chart-2: oklch(0.55 0 0);
--chart-3: oklch(0.55 0 0);
--chart-4: oklch(0.55 0 0);
--chart-5: oklch(0.55 0 0);
--chart-1: oklch(0.65 0.15 258);
--chart-2: oklch(0.7 0.14 142);
--chart-3: oklch(0.65 0.2 27);
--chart-4: oklch(0.6 0.18 302);
--chart-5: oklch(0.62 0.16 197);
--sidebar: oklch(0.96 0 0);
--sidebar-foreground: oklch(0.15 0 0);
--sidebar-primary: oklch(0.2 0 0);
@@ -75,14 +79,18 @@
--accent-foreground: oklch(0.98 0 0);
--destructive: oklch(0.7 0.19 22);
--destructive-foreground: oklch(0.22 0 0);
--success: oklch(0.6 0.15 142);
--success-foreground: oklch(0.98 0 0);
--warning: oklch(0.7 0.15 38);
--warning-foreground: oklch(0.1 0 0);
--border: oklch(0.28 0 0);
--input: oklch(0.35 0 0);
--ring: oklch(0.55 0 0);
--chart-1: oklch(0.55 0 0);
--chart-2: oklch(0.55 0 0);
--chart-3: oklch(0.55 0 0);
--chart-4: oklch(0.55 0 0);
--chart-5: oklch(0.55 0 0);
--chart-1: oklch(0.7 0.15 258);
--chart-2: oklch(0.75 0.14 142);
--chart-3: oklch(0.7 0.2 27);
--chart-4: oklch(0.65 0.18 302);
--chart-5: oklch(0.67 0.16 197);
--sidebar: oklch(0.08 0 0);
--sidebar-foreground: oklch(0.98 0 0);
--sidebar-primary: oklch(0.98 0 0);
@@ -131,6 +139,10 @@
--color-accent-foreground: var(--accent-foreground);
--color-destructive: var(--destructive);
--color-destructive-foreground: var(--destructive-foreground);
--color-success: var(--success);
--color-success-foreground: var(--success-foreground);
--color-warning: var(--warning);
--color-warning-foreground: var(--warning-foreground);
--color-border: var(--border);
--color-input: var(--input);
--color-ring: var(--ring);