From 306ad1f146c4f14621cf6b3134b8f80e37aa6856 Mon Sep 17 00:00:00 2001 From: Taken Date: Fri, 5 Sep 2025 18:12:59 +0200 Subject: [PATCH] Updated theme --- src/app/globals.css | 109 ++++++++++++++++++++++---------------------- 1 file changed, 54 insertions(+), 55 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 37ad29e..67b8d00 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -24,92 +24,92 @@ } :root { - --background: oklch(0.9754 0.0084 325.6414); - --foreground: oklch(0.3257 0.1161 325.0372); - --card: oklch(0.9754 0.0084 325.6414); - --card-foreground: oklch(0.3257 0.1161 325.0372); + --background: oklch(0.9777 0.0041 301.4256); + --foreground: oklch(0.2954 0.1067 308.8507); + --card: oklch(0.9777 0.0041 301.4256); + --card-foreground: oklch(0.2954 0.1067 308.8507); --popover: oklch(1.0000 0 0); - --popover-foreground: oklch(0.3257 0.1161 325.0372); - --primary: oklch(0.5316 0.1409 355.1999); + --popover-foreground: oklch(0.2954 0.1067 308.8507); + --primary: oklch(0.5413 0.2466 293.0090); --primary-foreground: oklch(1.0000 0 0); - --secondary: oklch(0.8696 0.0675 334.8991); - --secondary-foreground: oklch(0.4448 0.1341 324.7991); - --muted: oklch(0.9395 0.0260 331.5454); - --muted-foreground: oklch(0.4924 0.1244 324.4523); - --accent: oklch(0.8696 0.0675 334.8991); - --accent-foreground: oklch(0.4448 0.1341 324.7991); + --secondary: oklch(0.9040 0.0424 303.6734); + --secondary-foreground: oklch(0.4320 0.2106 292.7591); + --muted: oklch(0.9458 0.0197 305.2616); + --muted-foreground: oklch(0.3737 0.1320 292.2916); + --accent: oklch(0.9040 0.0424 303.6734); + --accent-foreground: oklch(0.4320 0.2106 292.7591); --destructive: oklch(0.5248 0.1368 20.8317); --destructive-foreground: oklch(1.0000 0 0); - --border: oklch(0.8568 0.0829 328.9110); - --input: oklch(0.8517 0.0558 336.6002); - --ring: oklch(0.5916 0.2180 0.5844); - --chart-1: oklch(0.6038 0.2363 344.4657); + --border: oklch(0.8823 0.0450 307.2184); + --input: oklch(0.8547 0.0490 309.7189); + --ring: oklch(0.5413 0.2466 293.0090); + --chart-1: oklch(0.5413 0.2466 293.0090); --chart-2: oklch(0.4445 0.2251 300.6246); --chart-3: oklch(0.3790 0.0438 226.1538); --chart-4: oklch(0.8330 0.1185 88.3461); --chart-5: oklch(0.7843 0.1256 58.9964); - --sidebar: oklch(0.9360 0.0288 320.5788); - --sidebar-foreground: oklch(0.4948 0.1909 354.5435); + --sidebar: oklch(0.9559 0.0143 308.2946); + --sidebar-foreground: oklch(0.4907 0.2412 292.5809); --sidebar-primary: oklch(0.3963 0.0251 285.1962); - --sidebar-primary-foreground: oklch(0.9668 0.0124 337.5228); + --sidebar-primary-foreground: oklch(0.9801 0.0085 308.3640); --sidebar-accent: oklch(0.9789 0.0013 106.4235); --sidebar-accent-foreground: oklch(0.3963 0.0251 285.1962); --sidebar-border: oklch(0.9383 0.0026 48.7178); - --sidebar-ring: oklch(0.5916 0.2180 0.5844); + --sidebar-ring: oklch(0.5413 0.2466 293.0090); --radius: 0.5rem; - --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); - --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); - --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); - --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); - --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10); - --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10); - --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10); - --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25); + --shadow-2xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.05); + --shadow-xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.05); + --shadow-sm: 0px 4px 10px 0px hsl(0 0% 0% / 0.10), 0px 1px 2px -1px hsl(0 0% 0% / 0.10); + --shadow: 0px 4px 10px 0px hsl(0 0% 0% / 0.10), 0px 1px 2px -1px hsl(0 0% 0% / 0.10); + --shadow-md: 0px 4px 10px 0px hsl(0 0% 0% / 0.10), 0px 2px 4px -1px hsl(0 0% 0% / 0.10); + --shadow-lg: 0px 4px 10px 0px hsl(0 0% 0% / 0.10), 0px 4px 6px -1px hsl(0 0% 0% / 0.10); + --shadow-xl: 0px 4px 10px 0px hsl(0 0% 0% / 0.10), 0px 8px 10px -1px hsl(0 0% 0% / 0.10); + --shadow-2xl: 0px 4px 10px 0px hsl(0 0% 0% / 0.25); --tracking-normal: -0.025em; --spacing: 0.25rem; } .dark { - --background: oklch(0.2409 0.0201 307.5346); - --foreground: oklch(0.8398 0.0387 309.5391); - --card: oklch(0.2803 0.0232 307.5413); - --card-foreground: oklch(0.8456 0.0302 341.4597); + --background: oklch(0.2311 0.0232 295.9975); + --foreground: oklch(0.8390 0.0384 307.9544); + --card: oklch(0.2638 0.0299 295.7491); + --card-foreground: oklch(0.8404 0.0250 331.9772); --popover: oklch(0.1548 0.0132 338.9015); --popover-foreground: oklch(0.9647 0.0091 341.8035); - --primary: oklch(0.4607 0.1853 4.0994); - --primary-foreground: oklch(0.8560 0.0618 346.3684); - --secondary: oklch(0.3137 0.0306 310.0610); + --primary: oklch(0.5575 0.2525 302.3212); + --primary-foreground: oklch(0.9464 0.0327 307.1745); + --secondary: oklch(0.3218 0.0355 326.3623); --secondary-foreground: oklch(0.8483 0.0382 307.9613); - --muted: oklch(0.2634 0.0219 309.4748); + --muted: oklch(0.2694 0.0255 326.2576); --muted-foreground: oklch(0.7940 0.0372 307.1032); - --accent: oklch(0.3649 0.0508 308.4911); + --accent: oklch(0.3802 0.0590 326.6598); --accent-foreground: oklch(0.9647 0.0091 341.8035); --destructive: oklch(0.2258 0.0524 12.6119); --destructive-foreground: oklch(1.0000 0 0); - --border: oklch(0.3286 0.0154 343.4461); - --input: oklch(0.3387 0.0195 332.8347); - --ring: oklch(0.5916 0.2180 0.5844); - --chart-1: oklch(0.5316 0.1409 355.1999); - --chart-2: oklch(0.5633 0.1912 306.8561); + --border: oklch(0.3259 0.0171 310.1790); + --input: oklch(0.3374 0.0204 319.4600); + --ring: oklch(0.5575 0.2525 302.3212); + --chart-1: oklch(0.5575 0.2525 302.3212); + --chart-2: oklch(0.6268 0.2325 303.9004); --chart-3: oklch(0.7227 0.1502 60.5799); - --chart-4: oklch(0.6193 0.2029 312.7422); + --chart-4: oklch(0.7217 0.1767 305.5038); --chart-5: oklch(0.6118 0.2093 6.1387); - --sidebar: oklch(0.1893 0.0163 331.0475); + --sidebar: oklch(0.1884 0.0168 321.4992); --sidebar-foreground: oklch(0.8607 0.0293 343.6612); --sidebar-primary: oklch(0.4882 0.2172 264.3763); --sidebar-primary-foreground: oklch(1.0000 0 0); - --sidebar-accent: oklch(0.2337 0.0261 338.1961); + --sidebar-accent: oklch(0.2303 0.0278 315.2731); --sidebar-accent-foreground: oklch(0.9674 0.0013 286.3752); --sidebar-border: oklch(0 0 0); - --sidebar-ring: oklch(0.5916 0.2180 0.5844); - --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); - --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05); - --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); - --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 1px 2px -1px hsl(0 0% 0% / 0.10); - --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 2px 4px -1px hsl(0 0% 0% / 0.10); - --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 4px 6px -1px hsl(0 0% 0% / 0.10); - --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.10), 0 8px 10px -1px hsl(0 0% 0% / 0.10); - --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25); + --sidebar-ring: oklch(0.5575 0.2525 302.3212); + --shadow-2xs: 0px 5px 15px 0px hsl(0 0% 0% / 0.10); + --shadow-xs: 0px 5px 15px 0px hsl(0 0% 0% / 0.10); + --shadow-sm: 0px 5px 15px 0px hsl(0 0% 0% / 0.20), 0px 1px 2px -1px hsl(0 0% 0% / 0.20); + --shadow: 0px 5px 15px 0px hsl(0 0% 0% / 0.20), 0px 1px 2px -1px hsl(0 0% 0% / 0.20); + --shadow-md: 0px 5px 15px 0px hsl(0 0% 0% / 0.20), 0px 2px 4px -1px hsl(0 0% 0% / 0.20); + --shadow-lg: 0px 5px 15px 0px hsl(0 0% 0% / 0.20), 0px 4px 6px -1px hsl(0 0% 0% / 0.20); + --shadow-xl: 0px 5px 15px 0px hsl(0 0% 0% / 0.20), 0px 8px 10px -1px hsl(0 0% 0% / 0.20); + --shadow-2xl: 0px 5px 15px 0px hsl(0 0% 0% / 0.50); } @theme inline { @@ -166,7 +166,6 @@ --tracking-wide: calc(var(--tracking-normal) + 0.025em); --tracking-wider: calc(var(--tracking-normal) + 0.05em); --tracking-widest: calc(var(--tracking-normal) + 0.1em); - } body {