refactor(index): switch from shadcn/ui hsl to oklch

This commit is contained in:
z0x 2025-04-19 19:56:42 -04:00
parent 41d2c7cbac
commit fdf6aa9b37

View file

@ -18,31 +18,38 @@
:root { :root {
--cursor-url: url("/cursor.svg"); --cursor-url: url("/cursor.svg");
--background: hsl(240 10% 3.9%); --radius: 0.625rem;
--foreground: hsl(0 0% 98%); --background: oklch(0.141 0.005 285.823);
--card: hsl(240 10% 3.9%); --foreground: oklch(0.985 0 0);
--card-foreground: hsl(0 0% 98%); --card: oklch(0.21 0.006 285.885);
--popover: hsl(240 10% 3.9%); --card-foreground: oklch(0.985 0 0);
--popover-foreground: hsl(0 0% 98%); --popover: oklch(0.21 0.006 285.885);
--primary: hsl(0 0% 98%); --popover-foreground: oklch(0.985 0 0);
--primary-foreground: hsl(240 5.9% 10%); --primary: oklch(0.92 0.004 286.32);
--secondary: hsl(240 3.7% 15.9%); --primary-foreground: oklch(0.21 0.006 285.885);
--secondary-foreground: hsl(0 0% 98%); --secondary: oklch(0.274 0.006 286.033);
--muted: hsl(240 3.7% 15.9%); --secondary-foreground: oklch(0.985 0 0);
--muted-foreground: hsl(240 5% 64.9%); --muted: oklch(0.274 0.006 286.033);
--accent: hsl(240 3.7% 15.9%); --muted-foreground: oklch(0.705 0.015 286.067);
--accent-foreground: hsl(0 0% 98%); --accent: oklch(0.274 0.006 286.033);
--destructive: hsl(0 62.8% 30.6%); --accent-foreground: oklch(0.985 0 0);
--destructive-foreground: hsl(0 0% 98%); --destructive: oklch(0.704 0.191 22.216);
--border: hsl(240 3.7% 15.9%); --border: oklch(1 0 0 / 10%);
--input: hsl(240 3.7% 15.9%); --input: oklch(1 0 0 / 15%);
--ring: hsl(240 4.9% 83.9%); --ring: oklch(0.552 0.016 285.938);
--chart-1: hsl(220 70% 50%); --chart-1: oklch(0.488 0.243 264.376);
--chart-2: hsl(160 60% 45%); --chart-2: oklch(0.696 0.17 162.48);
--chart-3: hsl(30 80% 55%); --chart-3: oklch(0.769 0.188 70.08);
--chart-4: hsl(280 65% 60%); --chart-4: oklch(0.627 0.265 303.9);
--chart-5: hsl(340 75% 55%); --chart-5: oklch(0.645 0.246 16.439);
--radius: 0.6rem; --sidebar: oklch(0.21 0.006 285.885);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--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.552 0.016 285.938);
} }
@theme inline { @theme inline {