diff --git a/packages/ui/src/styles/globals.css b/packages/ui/src/styles/globals.css index a23f6d4..c749922 100644 --- a/packages/ui/src/styles/globals.css +++ b/packages/ui/src/styles/globals.css @@ -8,15 +8,14 @@ @custom-variant dark (&:is(.dark *)); :root { - --radius: 0.65rem; --background: oklch(1 0 0); --foreground: oklch(0.141 0.005 285.823); --card: oklch(1 0 0); --card-foreground: oklch(0.141 0.005 285.823); --popover: oklch(1 0 0); --popover-foreground: oklch(0.141 0.005 285.823); - --primary: oklch(0.488 0.243 264.376); - --primary-foreground: oklch(0.97 0.014 254.604); + --primary: oklch(0.61 0.11 222); + --primary-foreground: oklch(0.98 0.02 201); --secondary: oklch(0.967 0.001 286.375); --secondary-foreground: oklch(0.21 0.006 285.885); --muted: oklch(0.967 0.001 286.375); @@ -26,20 +25,21 @@ --destructive: oklch(0.577 0.245 27.325); --border: oklch(0.92 0.004 286.32); --input: oklch(0.92 0.004 286.32); - --ring: oklch(0.708 0 0); - --chart-1: hsl(220 70% 50%); - --chart-2: hsl(160 60% 45%); - --chart-3: hsl(30 80% 55%); - --chart-4: hsl(280 65% 60%); - --chart-5: hsl(340 75% 55%); + --ring: oklch(0.705 0.015 286.067); + --chart-1: oklch(0.87 0.12 207); + --chart-2: oklch(69.943% 0.13388 165.493); + --chart-3: oklch(72.266% 0.15015 60.57); + --chart-4: oklch(61.93% 0.20303 312.732); + --chart-5: oklch(61.173% 0.20932 6.119); + --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.141 0.005 285.823); - --sidebar-primary: oklch(0.546 0.245 262.881); - --sidebar-primary-foreground: oklch(0.97 0.014 254.604); + --sidebar-primary: oklch(0.61 0.11 222); + --sidebar-primary-foreground: oklch(0.98 0.02 201); --sidebar-accent: oklch(0.967 0.001 286.375); --sidebar-accent-foreground: oklch(0.21 0.006 285.885); --sidebar-border: oklch(0.92 0.004 286.32); - --sidebar-ring: oklch(0.708 0 0); + --sidebar-ring: oklch(0.705 0.015 286.067); } .dark { @@ -49,8 +49,8 @@ --card-foreground: oklch(0.985 0 0); --popover: oklch(0.21 0.006 285.885); --popover-foreground: oklch(0.985 0 0); - --primary: oklch(0.488 0.243 264.376); - --primary-foreground: oklch(0.97 0.014 254.604); + --primary: oklch(0.71 0.13 215); + --primary-foreground: oklch(0.3 0.05 230); --secondary: oklch(0.274 0.006 286.033); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.274 0.006 286.033); @@ -60,20 +60,20 @@ --destructive: oklch(0.704 0.191 22.216); --border: oklch(1 0 0 / 10%); --input: oklch(1 0 0 / 15%); - --ring: oklch(0.556 0 0); - --chart-1: hsl(12 76% 61%); - --chart-2: hsl(173 58% 39%); - --chart-3: hsl(197 37% 24%); - --chart-4: hsl(43 74% 66%); - --chart-5: hsl(27 87% 67%); + --ring: oklch(0.552 0.016 285.938); + --chart-1: oklch(67.671% 0.15715 35.076); + --chart-2: oklch(63.075% 0.10093 183.889); + --chart-3: oklch(37.899% 0.04379 226.199); + --chart-4: oklch(83.297% 0.11844 88.35); + --chart-5: oklch(78.425% 0.12556 58.98); --sidebar: oklch(0.21 0.006 285.885); --sidebar-foreground: oklch(0.985 0 0); - --sidebar-primary: oklch(0.623 0.214 259.815); - --sidebar-primary-foreground: oklch(0.97 0.014 254.604); + --sidebar-primary: oklch(0.8 0.13 212); + --sidebar-primary-foreground: oklch(0.3 0.05 230); --sidebar-accent: oklch(0.274 0.006 286.033); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(1 0 0 / 10%); - --sidebar-ring: oklch(0.439 0 0); + --sidebar-ring: oklch(0.552 0.016 285.938); } @theme inline {