pnpm dlx shadcn@latest add "https://paletteui.xyz/r/usa.json"Light Mode
--background:
oklch(0.99 0.002 0)
--foreground:
oklch(0.16 0.01 240)
--card:
oklch(1 0 0)
--card-foreground:
oklch(0.16 0.01 240)
--popover:
oklch(1 0 0)
--popover-foreground:
oklch(0.16 0.01 240)
--primary:
oklch(0.40 0.16 250)
--primary-foreground:
oklch(0.99 0.002 0)
--secondary:
oklch(0.96 0.003 0)
--secondary-foreground:
oklch(0.25 0.01 240)
--muted:
oklch(0.96 0.003 0)
--muted-foreground:
oklch(0.52 0.008 240)
--accent:
oklch(0.55 0.22 25)
--accent-foreground:
oklch(0.99 0.002 0)
--destructive:
oklch(0.55 0.22 25)
--border:
oklch(0.92 0.003 0)
--input:
oklch(0.92 0.003 0)
--ring:
oklch(0.40 0.16 250)
--chart-1:
oklch(0.40 0.16 250)
--chart-2:
oklch(0.55 0.22 25)
--chart-3:
oklch(0.50 0.12 245)
--chart-4:
oklch(0.65 0.15 20)
--chart-5:
oklch(0.60 0.08 250)
Dark Mode
--background:
oklch(0.10 0.01 240)
--foreground:
oklch(0.94 0.003 0)
--card:
oklch(0.14 0.012 240)
--card-foreground:
oklch(0.94 0.003 0)
--popover:
oklch(0.14 0.012 240)
--popover-foreground:
oklch(0.94 0.003 0)
--primary:
oklch(0.58 0.14 250)
--primary-foreground:
oklch(0.10 0.01 240)
--secondary:
oklch(0.20 0.01 240)
--secondary-foreground:
oklch(0.88 0.003 0)
--muted:
oklch(0.20 0.01 240)
--muted-foreground:
oklch(0.60 0.006 240)
--accent:
oklch(0.58 0.20 25)
--accent-foreground:
oklch(0.10 0.01 240)
--destructive:
oklch(0.62 0.20 25)
--border:
oklch(0.22 0.008 240)
--input:
oklch(0.22 0.008 240)
--ring:
oklch(0.58 0.14 250)
--chart-1:
oklch(0.58 0.14 250)
--chart-2:
oklch(0.60 0.20 25)
--chart-3:
oklch(0.55 0.10 245)
--chart-4:
oklch(0.68 0.12 20)
--chart-5:
oklch(0.62 0.06 250)