From 30bbc329261677aac62261c8bc80e8660f877378 Mon Sep 17 00:00:00 2001 From: mroxso <24775431+mroxso@users.noreply.github.com> Date: Wed, 26 Nov 2025 22:07:04 +0100 Subject: [PATCH] use cosmic night theme (#51) Co-authored-by: highperfocused --- src/index.css | 176 ++++++++++++++++++++++++++++---------------------- 1 file changed, 99 insertions(+), 77 deletions(-) diff --git a/src/index.css b/src/index.css index 33fdf9d..85d4d77 100644 --- a/src/index.css +++ b/src/index.css @@ -4,89 +4,111 @@ @layer base { :root { - --background: 0 0% 100%; - --foreground: 222.2 84% 4.9%; - + --background: 240 100.0000% 98.0392%; + --foreground: 240 27.5862% 22.7451%; --card: 0 0% 100%; - --card-foreground: 222.2 84% 4.9%; - + --card-foreground: 240 27.5862% 22.7451%; --popover: 0 0% 100%; - --popover-foreground: 222.2 84% 4.9%; - - --primary: 222.2 47.4% 11.2%; - --primary-foreground: 210 40% 98%; - - --secondary: 210 40% 96.1%; - --secondary-foreground: 222.2 47.4% 11.2%; - - --muted: 210 40% 96.1%; - --muted-foreground: 215.4 16.3% 46.9%; - - --accent: 210 40% 96.1%; - --accent-foreground: 222.2 47.4% 11.2%; - - --destructive: 0 84.2% 60.2%; - --destructive-foreground: 210 40% 98%; - - --border: 214.3 31.8% 91.4%; - --input: 214.3 31.8% 91.4%; - --ring: 222.2 84% 4.9%; - + --popover-foreground: 240 27.5862% 22.7451%; + --primary: 251.9008 55.7604% 57.4510%; + --primary-foreground: 0 0% 100%; + --secondary: 249.3750 100% 93.7255%; + --secondary-foreground: 249.3750 33.3333% 37.6471%; + --muted: 240 50.0000% 96.0784%; + --muted-foreground: 240 12.1951% 48.2353%; + --accent: 218.4615 100.0000% 92.3529%; + --accent-foreground: 240 27.5862% 22.7451%; + --destructive: 350.1754 100% 66.4706%; + --destructive-foreground: 0 0% 100%; + --border: 240 34.7826% 90.9804%; + --input: 240 34.7826% 90.9804%; + --ring: 251.9008 55.7604% 57.4510%; + --chart-1: 251.9008 55.7604% 57.4510%; + --chart-2: 249.6429 94.9153% 76.8627%; + --chart-3: 239.1781 82.0225% 65.0980%; + --chart-4: 243.1579 93.0070% 71.9608%; + --chart-5: 243.6522 47.3251% 47.6471%; + --sidebar: 240 50.0000% 96.0784%; + --sidebar-foreground: 240 27.5862% 22.7451%; + --sidebar-primary: 251.9008 55.7604% 57.4510%; + --sidebar-primary-foreground: 0 0% 100%; + --sidebar-accent: 218.4615 100.0000% 92.3529%; + --sidebar-accent-foreground: 240 27.5862% 22.7451%; + --sidebar-border: 240 34.7826% 90.9804%; + --sidebar-ring: 251.9008 55.7604% 57.4510%; + --font-sans: Inter, sans-serif; + --font-serif: Georgia, serif; + --font-mono: JetBrains Mono, monospace; --radius: 0.5rem; - - --sidebar-background: 0 0% 98%; - - --sidebar-foreground: 240 5.3% 26.1%; - - --sidebar-primary: 240 5.9% 10%; - - --sidebar-primary-foreground: 0 0% 98%; - - --sidebar-accent: 240 4.8% 95.9%; - - --sidebar-accent-foreground: 240 5.9% 10%; - - --sidebar-border: 220 13% 91%; - - --sidebar-ring: 217.2 91.2% 59.8%; + --shadow-x: 0px; + --shadow-y: 4px; + --shadow-blur: 10px; + --shadow-spread: 0px; + --shadow-opacity: 0.12; + --shadow-color: hsl(240 30% 25%); + --shadow-2xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06); + --shadow-xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06); + --shadow-sm: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12); + --shadow: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12); + --shadow-md: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 2px 4px -1px hsl(240 30% 25% / 0.12); + --shadow-lg: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 4px 6px -1px hsl(240 30% 25% / 0.12); + --shadow-xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 8px 10px -1px hsl(240 30% 25% / 0.12); + --shadow-2xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.30); + --tracking-normal: 0em; + --spacing: 0.25rem; } .dark { - --background: 222.2 84% 4.9%; - --foreground: 210 40% 98%; - - --card: 222.2 84% 4.9%; - --card-foreground: 210 40% 98%; - - --popover: 222.2 84% 4.9%; - --popover-foreground: 210 40% 98%; - - --primary: 210 40% 98%; - --primary-foreground: 222.2 47.4% 11.2%; - - --secondary: 217.2 32.6% 17.5%; - --secondary-foreground: 210 40% 98%; - - --muted: 217.2 32.6% 17.5%; - --muted-foreground: 215 20.2% 65.1%; - - --accent: 217.2 32.6% 17.5%; - --accent-foreground: 210 40% 98%; - - --destructive: 0 62.8% 30.6%; - --destructive-foreground: 210 40% 98%; - - --border: 217.2 32.6% 17.5%; - --input: 217.2 32.6% 17.5%; - --ring: 212.7 26.8% 83.9%; - --sidebar-background: 240 5.9% 10%; - --sidebar-foreground: 240 4.8% 95.9%; - --sidebar-primary: 224.3 76.3% 48%; - --sidebar-primary-foreground: 0 0% 100%; - --sidebar-accent: 240 3.7% 15.9%; - --sidebar-accent-foreground: 240 4.8% 95.9%; - --sidebar-border: 240 3.7% 15.9%; - --sidebar-ring: 217.2 91.2% 59.8%; + --background: 240 26.8293% 8.0392%; + --foreground: 240 48.7179% 92.3529%; + --card: 240 27.7778% 14.1176%; + --card-foreground: 240 48.7179% 92.3529%; + --popover: 240 27.7778% 14.1176%; + --popover-foreground: 240 48.7179% 92.3529%; + --primary: 251.2500 100% 78.0392%; + --primary-foreground: 240 26.8293% 8.0392%; + --secondary: 242.8571 32.8125% 25.0980%; + --secondary-foreground: 241.9672 100% 88.0392%; + --muted: 240 33.3333% 20%; + --muted-foreground: 240 20.2532% 69.0196%; + --accent: 240 33.3333% 28.2353%; + --accent-foreground: 240 48.7179% 92.3529%; + --destructive: 350.1754 100% 66.4706%; + --destructive-foreground: 0 0% 100%; + --border: 240 26.1538% 25.4902%; + --input: 240 26.1538% 25.4902%; + --ring: 251.2500 100% 78.0392%; + --chart-1: 251.2500 100% 78.0392%; + --chart-2: 230.4878 44.0860% 63.5294%; + --chart-3: 206.7123 89.0244% 67.8431%; + --chart-4: 174.2857 41.8327% 50.7843%; + --chart-5: 325.5224 100.0000% 73.7255%; + --sidebar: 240 27.7778% 14.1176%; + --sidebar-foreground: 240 48.7179% 92.3529%; + --sidebar-primary: 251.2500 100% 78.0392%; + --sidebar-primary-foreground: 240 26.8293% 8.0392%; + --sidebar-accent: 240 33.3333% 28.2353%; + --sidebar-accent-foreground: 240 48.7179% 92.3529%; + --sidebar-border: 240 26.1538% 25.4902%; + --sidebar-ring: 251.2500 100% 78.0392%; + --font-sans: Inter, sans-serif; + --font-serif: Georgia, serif; + --font-mono: JetBrains Mono, monospace; + --radius: 0.5rem; + --shadow-x: 0px; + --shadow-y: 4px; + --shadow-blur: 10px; + --shadow-spread: 0px; + --shadow-opacity: 0.12; + --shadow-color: hsl(240 30% 25%); + --shadow-2xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06); + --shadow-xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06); + --shadow-sm: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12); + --shadow: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12); + --shadow-md: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 2px 4px -1px hsl(240 30% 25% / 0.12); + --shadow-lg: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 4px 6px -1px hsl(240 30% 25% / 0.12); + --shadow-xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 8px 10px -1px hsl(240 30% 25% / 0.12); + --shadow-2xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.30); } }