franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

update theme (experimental)

Browse Source
This commit is contained in:
Aman Varshney
2025-05-27 21:29:00 +05:30
parent 906b55599b
commit 5d71832518
4 changed files with 52 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
apps/web/src/app/global.css
View File

@@ -146,38 +146,37 @@
:root {
--radius: 0.35rem;
/* --background: oklch(0.96 0.01 264.53); */
--background: oklch(1 0 0);
--foreground: oklch(0.44 0.04 279.33);
--card: oklch(1 0 0);
--card-foreground: oklch(0.44 0.04 279.33);
--popover: oklch(0.86 0.01 268.48);
--popover-foreground: oklch(0.44 0.04 279.33);
--primary: oklch(0.5 0.18 297.02);
--primary-foreground: oklch(1 0 0);
--primary: #8839ef;
--primary-foreground: #ffffff;
--secondary: oklch(0.86 0.01 268.48);
--secondary-foreground: oklch(0.44 0.04 279.33);
--muted: oklch(0.91 0.01 264.51);
--muted-foreground: oklch(0.55 0.03 279.08);
--accent: oklch(0.5 0.18 297.02 / 60%);
--accent-foreground: oklch(1 0 0);
--destructive: oklch(0.55 0.22 19.81);
--accent: #9353d3;
--accent-foreground: #ffffff;
--destructive: #d20f39;
--border: oklch(0.81 0.02 271.2);
--input: oklch(0.86 0.01 268.48);
--ring: oklch(0.5 0.18 297.02);
--chart-1: oklch(0.5 0.18 297.02);
--chart-2: oklch(0.5 0.18 297.02 / 60%);
--chart-3: oklch(0.63 0.18 140.44);
--chart-4: oklch(0.69 0.2 42.43);
--chart-5: oklch(0.71 0.1 33.1);
--ring: #8839ef;
--chart-1: #8839ef;
--chart-2: #df8e1d;
--chart-3: #40a02b;
--chart-4: #fe640b;
--chart-5: #d20f39;
--sidebar: oklch(0.93 0.01 264.52);
--sidebar-foreground: oklch(0.44 0.04 279.33);
--sidebar-primary: oklch(0.5 0.18 297.02);
--sidebar-primary-foreground: oklch(1 0 0);
--sidebar-accent: oklch(0.5 0.18 297.02 / 60%);
--sidebar-accent-foreground: oklch(1 0 0);
--sidebar-primary: #8839ef;
--sidebar-primary-foreground: #ffffff;
--sidebar-accent: #9353d3;
--sidebar-accent-foreground: #ffffff;
--sidebar-border: oklch(0.81 0.02 271.2);
--sidebar-ring: oklch(0.5 0.18 297.02);
--sidebar-ring: #8839ef;
--destructive-foreground: oklch(1 0 0);
--font-sans: Montserrat, sans-serif;
--font-serif: Georgia, serif;
@@ -207,38 +206,38 @@
}
.dark {
--background: oklch(0.22 0.03 284.06);
--foreground: oklch(0.88 0.04 272.28);
--card: oklch(0.24 0.03 283.91);
--card-foreground: oklch(0.88 0.04 272.28);
--popover: oklch(0.4 0.03 280.15);
--popover-foreground: oklch(0.88 0.04 272.28);
--primary: oklch(0.69 0.08 304.77);
--primary-foreground: oklch(0.24 0.03 283.91);
--secondary: oklch(0.48 0.03 278.64);
--secondary-foreground: oklch(0.88 0.04 272.28);
--muted: oklch(0.3 0.03 276.21);
--muted-foreground: oklch(0.75 0.04 273.93);
--accent: oklch(0.69 0.08 304.77 / 60%);
--accent-foreground: oklch(0.24 0.03 283.91);
--destructive: oklch(0.76 0.13 2.76);
--border: oklch(0.32 0.03 281.98);
--input: oklch(0.32 0.03 281.98);
--ring: oklch(0.69 0.08 304.77);
--chart-1: oklch(0.69 0.08 304.77);
--chart-2: oklch(0.69 0.08 304.77 / 60%);
--chart-3: oklch(0.86 0.11 142.72);
--chart-4: oklch(0.82 0.1 52.63);
--chart-5: oklch(0.92 0.02 30.49);
--sidebar: oklch(0.18 0.02 284.2);
--sidebar-foreground: oklch(0.88 0.04 272.28);
--sidebar-primary: oklch(0.69 0.08 304.77);
--sidebar-primary-foreground: oklch(0.24 0.03 283.91);
--sidebar-accent: oklch(0.69 0.08 304.77 / 60%);
--sidebar-accent-foreground: oklch(0.24 0.03 283.91);
--sidebar-border: oklch(0.4 0.03 280.15);
--sidebar-ring: oklch(0.69 0.08 304.77);
--destructive-foreground: oklch(0.24 0.03 283.91);
--background: #0c0c0c;
--foreground: #d1d5dc;
--card: #0c0c0c;
--card-foreground: #d1d5dc;
--popover: #0c0c0c;
--popover-foreground: #d1d5dc;
--primary: #cba6f7;
--primary-foreground: #0c0c0c;
--secondary: #0c0c0c;
--secondary-foreground: #d1d5dc;
--muted: #0c0c0c;
--muted-foreground: #778298;
--accent: #cba6f7;
--accent-foreground: #0c0c0c;
--destructive: #f38ba8;
--border: #242424;
--input: #242424;
--ring: #cba6f7;
--chart-1: #cba6f7;
--chart-2: #f9e2af;
--chart-3: #a6e3a1;
--chart-4: #fab387;
--chart-5: #f38ba8;
--sidebar: #0c0c0c;
--sidebar-foreground: #d1d5dc;
--sidebar-primary: #cba6f7;
--sidebar-primary-foreground: #0c0c0c;
--sidebar-accent: #cba6f7;
--sidebar-accent-foreground: #0c0c0c;
--sidebar-border: #242424;
--sidebar-ring: #cba6f7;
--destructive-foreground: #0c0c0c;
--radius: 0.35rem;
--font-sans: Montserrat, sans-serif;
--font-serif: Georgia, serif;