style(theme): refine dark mode palette with cool-blue tint
This commit is contained in:
+27
-27
@@ -90,38 +90,38 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dark {
|
.dark {
|
||||||
--background: oklch(0.15 0 0);
|
--background: oklch(0.176 0.011 264.25);
|
||||||
--foreground: oklch(0.98 0 0);
|
--foreground: oklch(0.921 0.005 264.53);
|
||||||
--card: oklch(0.18 0 0);
|
--card: oklch(0.208 0.015 264.19);
|
||||||
--card-foreground: oklch(0.98 0 0);
|
--card-foreground: oklch(0.921 0.005 264.53);
|
||||||
--popover: oklch(0.18 0 0);
|
--popover: oklch(0.208 0.015 264.19);
|
||||||
--popover-foreground: oklch(0.98 0 0);
|
--popover-foreground: oklch(0.921 0.005 264.53);
|
||||||
--primary: oklch(0.701 0.189 46.65);
|
--primary: oklch(0.701 0.189 46.66);
|
||||||
--primary-foreground: oklch(0.14 0 0);
|
--primary-foreground: oklch(1 0 0);
|
||||||
--secondary: oklch(0.22 0.02 260);
|
--secondary: oklch(0.261 0.015 264.26);
|
||||||
--secondary-foreground: oklch(0.8 0.01 260);
|
--secondary-foreground: oklch(0.839 0.01 264.51);
|
||||||
--muted: oklch(0.22 0.02 260);
|
--muted: oklch(0.261 0.015 264.26);
|
||||||
--muted-foreground: oklch(0.6 0.02 260);
|
--muted-foreground: oklch(0.627 0.025 264.38);
|
||||||
--accent: oklch(0.22 0.02 260);
|
--accent: oklch(0.261 0.015 264.26);
|
||||||
--accent-foreground: oklch(0.8 0.01 260);
|
--accent-foreground: oklch(0.839 0.01 264.51);
|
||||||
--destructive: oklch(0.65 0.2 25);
|
--destructive: oklch(0.396 0.133 25.72);
|
||||||
--destructive-foreground: oklch(0.98 0 0);
|
--destructive-foreground: oklch(1 0 0);
|
||||||
--border: oklch(0.23 0 0);
|
--border: oklch(0.291 0.018 264.24);
|
||||||
--input: oklch(0.25 0 0);
|
--input: oklch(0.291 0.018 264.24);
|
||||||
--ring: oklch(0.701 0.189 46.65);
|
--ring: oklch(0.701 0.189 46.66);
|
||||||
--chart-1: oklch(0.701 0.189 46.65);
|
--chart-1: oklch(0.701 0.189 46.65);
|
||||||
--chart-2: oklch(0.65 0.15 180);
|
--chart-2: oklch(0.65 0.15 180);
|
||||||
--chart-3: oklch(0.65 0.15 300);
|
--chart-3: oklch(0.65 0.15 300);
|
||||||
--chart-4: oklch(0.8 0.18 85);
|
--chart-4: oklch(0.8 0.18 85);
|
||||||
--chart-5: oklch(0.7 0.18 15);
|
--chart-5: oklch(0.7 0.18 15);
|
||||||
--sidebar: oklch(0.18 0 0);
|
--sidebar: oklch(0.176 0.011 264.25);
|
||||||
--sidebar-foreground: oklch(0.85 0 0);
|
--sidebar-foreground: oklch(0.839 0.01 264.51);
|
||||||
--sidebar-primary: oklch(0.701 0.189 46.65);
|
--sidebar-primary: oklch(0.701 0.189 46.66);
|
||||||
--sidebar-primary-foreground: oklch(0.14 0 0);
|
--sidebar-primary-foreground: oklch(1 0 0);
|
||||||
--sidebar-accent: oklch(0.23 0.06 46.65);
|
--sidebar-accent: oklch(0.261 0.015 264.26);
|
||||||
--sidebar-accent-foreground: oklch(0.98 0.01 46.65);
|
--sidebar-accent-foreground: oklch(0.839 0.01 264.51);
|
||||||
--sidebar-border: oklch(0.23 0 0);
|
--sidebar-border: oklch(0.291 0.018 264.24);
|
||||||
--sidebar-ring: oklch(0.701 0.189 46.65);
|
--sidebar-ring: oklch(0.701 0.189 46.66);
|
||||||
--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.12);
|
--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.12);
|
||||||
--card-shadow-hover: 0 4px 16px -2px rgba(0, 0, 0, 0.14), 0 8px 24px -4px rgba(0, 0, 0, 0.18);
|
--card-shadow-hover: 0 4px 16px -2px rgba(0, 0, 0, 0.14), 0 8px 24px -4px rgba(0, 0, 0, 0.18);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user