@codefast/ui 0.3.9 → 0.3.10

package/dist/css/fuchsia.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(75% .21 322);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(59% .26 323);--primary-foreground:oklch(98% .02 320);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(59% .26 323);--sidebar-primary-foreground:oklch(98% .02 320);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(75% .21 322);--chart-1:oklch(83% .13 321);--chart-2:oklch(75% .21 322);--chart-3:oklch(67% .26 322);--chart-4:oklch(59% .26 323);--chart-5:oklch(52% .23 324)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(40% .16 326);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(67% .26 322);--primary-foreground:oklch(98% .02 320);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(67% .26 322);--sidebar-primary-foreground:oklch(98% .02 320);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(40% .16 326);--chart-1:oklch(83% .13 321);--chart-2:oklch(75% .21 322);--chart-3:oklch(67% .26 322);--chart-4:oklch(59% .26 323);--chart-5:oklch(52% .23 324)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.75 0.21 322); /* --color-fuchsia-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.59 0.26 323); /* --color-fuchsia-600 */
+  --primary-foreground: oklch(0.98 0.02 320); /* --color-fuchsia-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.59 0.26 323); /* --color-fuchsia-600 */
+  --sidebar-primary-foreground: oklch(0.98 0.02 320); /* --color-fuchsia-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.75 0.21 322); /* --color-fuchsia-400 */
+
+  --chart-1: oklch(0.83 0.13 321); /* --color-fuchsia-300 */
+  --chart-2: oklch(0.75 0.21 322); /* --color-fuchsia-400 */
+  --chart-3: oklch(0.67 0.26 322); /* --color-fuchsia-500 */
+  --chart-4: oklch(0.59 0.26 323); /* --color-fuchsia-600 */
+  --chart-5: oklch(0.52 0.23 324); /* --color-fuchsia-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.4 0.16 326); /* --color-fuchsia-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.67 0.26 322); /* --color-fuchsia-500 */
+  --primary-foreground: oklch(0.98 0.02 320); /* --color-fuchsia-50 */
+
+  --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-primary: oklch(0.67 0.26 322); /* --color-fuchsia-500 */
+  --sidebar-primary-foreground: oklch(0.98 0.02 320); /* --color-fuchsia-50 */
+
+  --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.4 0.16 326); /* --color-fuchsia-900 */
+
+  --chart-1: oklch(0.83 0.13 321); /* --color-fuchsia-300 */
+  --chart-2: oklch(0.75 0.21 322); /* --color-fuchsia-400 */
+  --chart-3: oklch(0.67 0.26 322); /* --color-fuchsia-500 */
+  --chart-4: oklch(0.59 0.26 323); /* --color-fuchsia-600 */
+  --chart-5: oklch(0.52 0.23 324); /* --color-fuchsia-700 */
+}

package/dist/css/gray.css

@@ -1 +1,95 @@
-:root{--input:oklch(93% .01 265);--border:oklch(93% .01 265);--ring:oklch(71% .02 261);--background:oklch(98% 0 248);--foreground:oklch(13% .03 262);--primary:oklch(21% .03 265);--primary-foreground:oklch(98% 0 248);--secondary:oklch(97% 0 265);--secondary-foreground:oklch(21% .03 265);--destructive:oklch(57.7% .245 27.325);--accent:oklch(97% 0 265);--accent-foreground:oklch(21% .03 265);--muted:oklch(97% 0 265);--muted-foreground:oklch(55% .02 264);--popover:oklch(98% 0 248);--popover-foreground:oklch(13% .03 262);--card:oklch(98% 0 248);--card-foreground:oklch(13% .03 262);--sidebar:oklch(98% 0 248);--sidebar-foreground:oklch(13% .03 262);--sidebar-primary:oklch(21% .03 265);--sidebar-primary-foreground:oklch(98% 0 248);--sidebar-accent:oklch(97% 0 265);--sidebar-accent-foreground:oklch(21% .03 265);--sidebar-border:oklch(93% .01 265);--sidebar-ring:oklch(71% .02 261);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(55% .02 264);--background:oklch(13% .03 262);--foreground:oklch(98% 0 248);--primary:oklch(93% .01 265);--primary-foreground:oklch(21% .03 265);--secondary:oklch(28% .03 257);--secondary-foreground:oklch(98% 0 248);--destructive:oklch(70.4% .191 22.216);--accent:oklch(28% .03 257);--accent-foreground:oklch(98% 0 248);--muted:oklch(28% .03 257);--muted-foreground:oklch(71% .02 261);--popover:oklch(21% .03 265);--popover-foreground:oklch(98% 0 248);--card:oklch(21% .03 265);--card-foreground:oklch(98% 0 248);--sidebar:oklch(21% .03 265);--sidebar-foreground:oklch(98% 0 248);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98% 0 248);--sidebar-accent:oklch(28% .03 257);--sidebar-accent-foreground:oklch(98% 0 248);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55% .02 264);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439)}
+:root {
+  --input: oklch(0.93 0.01 265); /* --color-gray-200 */
+  --border: oklch(0.93 0.01 265); /* --color-gray-200 */
+
+  --ring: oklch(0.71 0.02 261); /* --color-gray-400 */
+
+  --background: oklch(0.98 0 248); /* --color-gray-50 */
+  --foreground: oklch(0.13 0.03 262); /* --color-gray-950 */
+
+  --primary: oklch(0.21 0.03 265); /* --color-gray-900 */
+  --primary-foreground: oklch(0.98 0 248); /* --color-gray-50 */
+
+  --secondary: oklch(0.97 0 265); /* --color-gray-100 */
+  --secondary-foreground: oklch(0.21 0.03 265); /* --color-gray-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.97 0 265); /* --color-gray-100 */
+  --accent-foreground: oklch(0.21 0.03 265); /* --color-gray-900 */
+
+  --muted: oklch(0.97 0 265); /* --color-gray-100 */
+  --muted-foreground: oklch(0.55 0.02 264); /* --color-gray-500 */
+
+  --popover: oklch(0.98 0 248); /* --color-gray-50 */
+  --popover-foreground: oklch(0.13 0.03 262); /* --color-gray-950 */
+
+  --card: oklch(0.98 0 248); /* --color-gray-50 */
+  --card-foreground: oklch(0.13 0.03 262); /* --color-gray-950 */
+
+  --sidebar: oklch(0.98 0 248); /* --color-gray-50 */
+  --sidebar-foreground: oklch(0.13 0.03 262); /* --color-gray-950 */
+
+  --sidebar-primary: oklch(0.21 0.03 265); /* --color-gray-900 */
+  --sidebar-primary-foreground: oklch(0.98 0 248); /* --color-gray-50 */
+
+  --sidebar-accent: oklch(0.97 0 265); /* --color-gray-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.03 265); /* --color-gray-900 */
+
+  --sidebar-border: oklch(0.93 0.01 265); /* --color-gray-200 */
+  --sidebar-ring: oklch(0.71 0.02 261); /* --color-gray-400 */
+
+  --chart-1: oklch(0.646 0.222 41.116); /* --color-orange-600 */
+  --chart-2: oklch(0.6 0.118 184.704); /* --color-teal-600 */
+  --chart-3: oklch(0.398 0.07 227.392); /* --color-cyan-900 */
+  --chart-4: oklch(0.828 0.189 84.429); /* --color-amber-400 */
+  --chart-5: oklch(0.769 0.188 70.08); /* --color-amber-500 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.55 0.02 264); /* --color-gray-500 */
+
+  --background: oklch(0.13 0.03 262); /* --color-gray-950 */
+  --foreground: oklch(0.98 0 248); /* --color-gray-50 */
+
+  --primary: oklch(0.93 0.01 265); /* --color-gray-200 */
+  --primary-foreground: oklch(0.21 0.03 265); /* --color-gray-900 */
+
+  --secondary: oklch(0.28 0.03 257); /* --color-gray-800 */
+  --secondary-foreground: oklch(0.98 0 248); /* --color-gray-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.28 0.03 257); /* --color-gray-800 */
+  --accent-foreground: oklch(0.98 0 248); /* --color-gray-50 */
+
+  --muted: oklch(0.28 0.03 257); /* --color-gray-800 */
+  --muted-foreground: oklch(0.71 0.02 261); /* --color-gray-400 */
+
+  --popover: oklch(0.21 0.03 265); /* --color-gray-900 */
+  --popover-foreground: oklch(0.98 0 248); /* --color-gray-50 */
+
+  --card: oklch(0.21 0.03 265); /* --color-gray-900 */
+  --card-foreground: oklch(0.98 0 248); /* --color-gray-50 */
+
+  --sidebar: oklch(0.21 0.03 265); /* --color-gray-900 */
+  --sidebar-foreground: oklch(0.98 0 248); /* --color-gray-50 */
+
+  --sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --sidebar-primary-foreground: oklch(0.98 0 248); /* --color-gray-50 */
+
+  --sidebar-accent: oklch(0.28 0.03 257); /* --color-gray-800 */
+  --sidebar-accent-foreground: oklch(0.98 0 248); /* --color-gray-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.55 0.02 264); /* --color-gray-500 */
+
+  --chart-1: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --chart-2: oklch(0.696 0.17 162.48); /* --color-emerald-500 */
+  --chart-3: oklch(0.769 0.188 70.08); /* --color-amber-500 */
+  --chart-4: oklch(0.627 0.265 303.9); /* --color-purple-500 */
+  --chart-5: oklch(0.645 0.246 16.439); /* --color-rose-500 */
+}

package/dist/css/green.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(84.1% .238 128.85);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(64.8% .2 131.684);--primary-foreground:oklch(98.6% .031 120.757);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(64.8% .2 131.684);--sidebar-primary-foreground:oklch(98.6% .031 120.757);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(84.1% .238 128.85);--chart-1:oklch(87.1% .15 154.449);--chart-2:oklch(72.3% .219 149.579);--chart-3:oklch(62.7% .194 149.214);--chart-4:oklch(52.7% .154 150.069);--chart-5:oklch(44.8% .119 151.328)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(40.5% .101 131.063);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(64.8% .2 131.684);--primary-foreground:oklch(98.6% .031 120.757);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(76.8% .233 130.85);--sidebar-primary-foreground:oklch(98.6% .031 120.757);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(40.5% .101 131.063);--chart-1:oklch(87.1% .15 154.449);--chart-2:oklch(72.3% .219 149.579);--chart-3:oklch(62.7% .194 149.214);--chart-4:oklch(52.7% .154 150.069);--chart-5:oklch(44.8% .119 151.328)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.841 0.238 128.85); /* --color-lime-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.648 0.2 131.684); /* --color-lime-600 */
+  --primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.648 0.2 131.684); /* --color-lime-600 */
+  --sidebar-primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.841 0.238 128.85); /* --color-lime-400 */
+
+  --chart-1: oklch(0.871 0.15 154.449); /* --color-green-300 */
+  --chart-2: oklch(0.723 0.219 149.579); /* --color-green-500 */
+  --chart-3: oklch(0.627 0.194 149.214); /* --color-green-600 */
+  --chart-4: oklch(0.527 0.154 150.069); /* --color-green-700 */
+  --chart-5: oklch(0.448 0.119 151.328); /* --color-green-800 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.405 0.101 131.063); /* --color-lime-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.648 0.2 131.684); /* --color-lime-600 */
+  --primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
+
+  --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-primary: oklch(0.768 0.233 130.85); /* --color-lime-500 */
+  --sidebar-primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
+
+  --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.405 0.101 131.063); /* --color-lime-900 */
+
+  --chart-1: oklch(0.871 0.15 154.449); /* --color-green-300 */
+  --chart-2: oklch(0.723 0.219 149.579); /* --color-green-500 */
+  --chart-3: oklch(0.627 0.194 149.214); /* --color-green-600 */
+  --chart-4: oklch(0.527 0.154 150.069); /* --color-green-700 */
+  --chart-5: oklch(0.448 0.119 151.328); /* --color-green-800 */
+}

package/dist/css/indigo.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(68% .16 277);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(51% .23 277);--primary-foreground:oklch(96% .02 272);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(51% .23 277);--sidebar-primary-foreground:oklch(96% .02 272);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(68% .16 277);--chart-1:oklch(79% .1 275);--chart-2:oklch(68% .16 277);--chart-3:oklch(59% .2 277);--chart-4:oklch(51% .23 277);--chart-5:oklch(46% .21 277)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(36% .14 279);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(59% .2 277);--primary-foreground:oklch(96% .02 272);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(59% .2 277);--sidebar-primary-foreground:oklch(96% .02 272);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(36% .14 279);--chart-1:oklch(79% .1 275);--chart-2:oklch(68% .16 277);--chart-3:oklch(59% .2 277);--chart-4:oklch(51% .23 277);--chart-5:oklch(46% .21 277)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.68 0.16 277); /* --color-indigo-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.51 0.23 277); /* --color-indigo-600 */
+  --primary-foreground: oklch(0.96 0.02 272); /* --color-indigo-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.51 0.23 277); /* --color-indigo-600 */
+  --sidebar-primary-foreground: oklch(0.96 0.02 272); /* --color-indigo-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.68 0.16 277); /* --color-indigo-400 */
+
+  --chart-1: oklch(0.79 0.1 275); /* --color-indigo-300 */
+  --chart-2: oklch(0.68 0.16 277); /* --color-indigo-400 */
+  --chart-3: oklch(0.59 0.2 277); /* --color-indigo-500 */
+  --chart-4: oklch(0.51 0.23 277); /* --color-indigo-600 */
+  --chart-5: oklch(0.46 0.21 277); /* --color-indigo-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.36 0.14 279); /* --color-indigo-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.59 0.2 277); /* --color-indigo-500 */
+  --primary-foreground: oklch(0.96 0.02 272); /* --color-indigo-50 */
+
+  --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-primary: oklch(0.59 0.2 277); /* --color-indigo-500 */
+  --sidebar-primary-foreground: oklch(0.96 0.02 272); /* --color-indigo-50 */
+
+  --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.36 0.14 279); /* --color-indigo-900 */
+
+  --chart-1: oklch(0.79 0.1 275); /* --color-indigo-300 */
+  --chart-2: oklch(0.68 0.16 277); /* --color-indigo-400 */
+  --chart-3: oklch(0.59 0.2 277); /* --color-indigo-500 */
+  --chart-4: oklch(0.51 0.23 277); /* --color-indigo-600 */
+  --chart-5: oklch(0.46 0.21 277); /* --color-indigo-700 */
+}

package/dist/css/lime.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(85% .21 129);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(65% .18 132);--primary-foreground:oklch(98.6% .031 120.757);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(65% .18 132);--sidebar-primary-foreground:oklch(98.6% .031 120.757);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(85% .21 129);--chart-1:oklch(90% .18 127);--chart-2:oklch(85% .21 129);--chart-3:oklch(77% .2 131);--chart-4:oklch(65% .18 132);--chart-5:oklch(53% .14 132)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(40.5% .101 131.063);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(65% .18 132);--primary-foreground:oklch(98.6% .031 120.757);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(76.8% .233 130.85);--sidebar-primary-foreground:oklch(98.6% .031 120.757);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(40.5% .101 131.063);--chart-1:oklch(90% .18 127);--chart-2:oklch(85% .21 129);--chart-3:oklch(77% .2 131);--chart-4:oklch(65% .18 132);--chart-5:oklch(53% .14 132)}
+:root {
+  --input: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+
+  --ring: oklch(0.85 0.21 129); /* --color-lime-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.65 0.18 132); /* --color-lime-600 */
+  --primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
+
+  --secondary: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --secondary-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --muted: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --muted-foreground: oklch(0.552 0.016 285.938); /* --color-zinc-500 */
+
+  --popover: oklch(1 0 0); /* --color-zinc-50 */
+  --popover-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --card: oklch(1 0 0); /* --color-zinc-50 */
+  --card-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-zinc-50 */
+  --sidebar-foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --sidebar-primary: oklch(0.65 0.18 132); /* --color-lime-600 */
+  --sidebar-primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
+
+  --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+
+  --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+  --sidebar-ring: oklch(0.85 0.21 129); /* --color-lime-400 */
+
+  --chart-1: oklch(0.9 0.18 127); /* --color-lime-300 */
+  --chart-2: oklch(0.85 0.21 129); /* --color-lime-400 */
+  --chart-3: oklch(0.77 0.2 131); /* --color-lime-500 */
+  --chart-4: oklch(0.65 0.18 132); /* --color-lime-600 */
+  --chart-5: oklch(0.53 0.14 132); /* --color-lime-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.405 0.101 131.063); /* --color-lime-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.65 0.18 132); /* --color-lime-600 */
+  --primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
+
+  --secondary: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --secondary-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --muted: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --muted-foreground: oklch(0.705 0.015 286.067); /* --color-zinc-400 */
+
+  --popover: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --popover-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --card: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --card-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar: oklch(0.21 0.006 285.885); /* --color-zinc-900 */
+  --sidebar-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-primary: oklch(0.768 0.233 130.85); /* --color-lime-500 */
+  --sidebar-primary-foreground: oklch(0.986 0.031 120.757); /* --color-lime-50 */
+
+  --sidebar-accent: oklch(0.274 0.006 286.033); /* --color-zinc-800 */
+  --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.405 0.101 131.063); /* --color-lime-900 */
+
+  --chart-1: oklch(0.9 0.18 127); /* --color-lime-300 */
+  --chart-2: oklch(0.85 0.21 129); /* --color-lime-400 */
+  --chart-3: oklch(0.77 0.2 131); /* --color-lime-500 */
+  --chart-4: oklch(0.65 0.18 132); /* --color-lime-600 */
+  --chart-5: oklch(0.53 0.14 132); /* --color-lime-700 */
+}

package/dist/css/neutral.css

@@ -1 +1,95 @@
-:root{--input:oklch(92.2% 0 0);--border:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0);--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(55.6% 0 0);--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--accent:oklch(37.1% 0 0);--accent-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--popover:oklch(26.9% 0 0);--popover-foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(43.9% 0 0);--chart-1:var(--color-blue-300);--chart-2:var(--color-blue-500);--chart-3:var(--color-blue-600);--chart-4:var(--color-blue-700);--chart-5:var(--color-blue-800)}
+:root {
+  --input: oklch(0.922 0 0); /* --color-neutral-200 */
+  --border: oklch(0.922 0 0); /* --color-neutral-200 */
+
+  --ring: oklch(0.708 0 0); /* --color-neutral-400 */
+
+  --background: oklch(1 0 0); /* --color-neutral-50 */
+  --foreground: oklch(0.145 0 0); /* --color-neutral-950 */
+
+  --primary: oklch(0.205 0 0); /* --color-neutral-900 */
+  --primary-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --secondary: oklch(0.97 0 0); /* --color-neutral-100 */
+  --secondary-foreground: oklch(0.205 0 0); /* --color-neutral-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.97 0 0); /* --color-neutral-100 */
+  --accent-foreground: oklch(0.205 0 0); /* --color-neutral-900 */
+
+  --muted: oklch(0.97 0 0); /* --color-neutral-100 */
+  --muted-foreground: oklch(0.556 0 0); /* --color-neutral-500 */
+
+  --popover: oklch(1 0 0); /* --color-neutral-50 */
+  --popover-foreground: oklch(0.145 0 0); /* --color-neutral-950 */
+
+  --card: oklch(1 0 0); /* --color-neutral-50 */
+  --card-foreground: oklch(0.145 0 0); /* --color-neutral-950 */
+
+  --sidebar: oklch(0.985 0 0); /* --color-neutral-50 */
+  --sidebar-foreground: oklch(0.145 0 0); /* --color-neutral-950 */
+
+  --sidebar-primary: oklch(0.205 0 0); /* --color-neutral-900 */
+  --sidebar-primary-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --sidebar-accent: oklch(0.97 0 0); /* --color-neutral-100 */
+  --sidebar-accent-foreground: oklch(0.205 0 0); /* --color-neutral-900 */
+
+  --sidebar-border: oklch(0.922 0 0); /* --color-neutral-200 */
+  --sidebar-ring: oklch(0.708 0 0); /* --color-neutral-400 */
+
+  --chart-1: var(--color-blue-300); /* --color-blue-300 */
+  --chart-2: var(--color-blue-500); /* --color-blue-500 */
+  --chart-3: var(--color-blue-600); /* --color-blue-600 */
+  --chart-4: var(--color-blue-700); /* --color-blue-700 */
+  --chart-5: var(--color-blue-800); /* --color-blue-800 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.556 0 0); /* --color-neutral-500 */
+
+  --background: oklch(0.145 0 0); /* --color-neutral-950 */
+  --foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --primary: oklch(0.922 0 0); /* --color-neutral-200 */
+  --primary-foreground: oklch(0.205 0 0); /* --color-neutral-900 */
+
+  --secondary: oklch(0.269 0 0); /* --color-neutral-800 */
+  --secondary-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.371 0 0); /* --color-neutral-700 */
+  --accent-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --muted: oklch(0.269 0 0); /* --color-neutral-800 */
+  --muted-foreground: oklch(0.708 0 0); /* --color-neutral-400 */
+
+  --popover: oklch(0.269 0 0); /* --color-neutral-800 */
+  --popover-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --card: oklch(0.205 0 0); /* --color-neutral-900 */
+  --card-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --sidebar: oklch(0.205 0 0); /* --color-neutral-900 */
+  --sidebar-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --sidebar-primary-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --sidebar-accent: oklch(0.269 0 0); /* --color-neutral-800 */
+  --sidebar-accent-foreground: oklch(0.985 0 0); /* --color-neutral-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.439 0 0); /* --color-neutral-600 */
+
+  --chart-1: var(--color-blue-300); /* --color-blue-300 */
+  --chart-2: var(--color-blue-500); /* --color-blue-500 */
+  --chart-3: var(--color-blue-600); /* --color-blue-600 */
+  --chart-4: var(--color-blue-700); /* --color-blue-700 */
+  --chart-5: var(--color-blue-800); /* --color-blue-800 */
+}