@codefast/ui 0.3.9 → 0.3.10

package/dist/css/sky.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(75% .14 233);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(59% .14 242);--primary-foreground:oklch(98% .01 237);--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% .14 242);--sidebar-primary-foreground:oklch(98% .01 237);--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% .14 233);--chart-1:oklch(83% .1 230);--chart-2:oklch(68% .15 237);--chart-3:oklch(59% .14 242);--chart-4:oklch(50% .12 243);--chart-5:oklch(44% .1 241)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(39% .08 241);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(68% .15 237);--primary-foreground:oklch(98% .01 237);--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(68% .15 237);--sidebar-primary-foreground:oklch(98% .01 237);--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(39% .08 241);--chart-1:oklch(83% .1 230);--chart-2:oklch(68% .15 237);--chart-3:oklch(59% .14 242);--chart-4:oklch(50% .12 243);--chart-5:oklch(44% .1 241)}
+: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.14 233); /* --color-sky-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.14 242); /* --color-sky-600 */
+  --primary-foreground: oklch(0.98 0.01 237); /* --color-sky-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.14 242); /* --color-sky-600 */
+  --sidebar-primary-foreground: oklch(0.98 0.01 237); /* --color-sky-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.14 233); /* --color-sky-400 */
+
+  --chart-1: oklch(0.83 0.1 230); /* --color-sky-300 */
+  --chart-2: oklch(0.68 0.15 237); /* --color-sky-500 */
+  --chart-3: oklch(0.59 0.14 242); /* --color-sky-600 */
+  --chart-4: oklch(0.5 0.12 243); /* --color-sky-700 */
+  --chart-5: oklch(0.44 0.1 241); /* --color-sky-800 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.39 0.08 241); /* --color-sky-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.68 0.15 237); /* --color-sky-500 */
+  --primary-foreground: oklch(0.98 0.01 237); /* --color-sky-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.68 0.15 237); /* --color-sky-500 */
+  --sidebar-primary-foreground: oklch(0.98 0.01 237); /* --color-sky-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.39 0.08 241); /* --color-sky-900 */
+
+  --chart-1: oklch(0.83 0.1 230); /* --color-sky-300 */
+  --chart-2: oklch(0.68 0.15 237); /* --color-sky-500 */
+  --chart-3: oklch(0.59 0.14 242); /* --color-sky-600 */
+  --chart-4: oklch(0.5 0.12 243); /* --color-sky-700 */
+  --chart-5: oklch(0.44 0.1 241); /* --color-sky-800 */
+}

package/dist/css/slate.css

@@ -1 +1,95 @@
-:root{--input:oklch(93% .01 256);--border:oklch(93% .01 256);--ring:oklch(71% .04 257);--background:oklch(98% 0 248);--foreground:oklch(13% .04 265);--primary:oklch(21% .04 266);--primary-foreground:oklch(98% 0 248);--secondary:oklch(97% .01 248);--secondary-foreground:oklch(21% .04 266);--destructive:oklch(57.7% .245 27.325);--accent:oklch(97% .01 248);--accent-foreground:oklch(21% .04 266);--muted:oklch(97% .01 248);--muted-foreground:oklch(55% .04 257);--popover:oklch(98% 0 248);--popover-foreground:oklch(13% .04 265);--card:oklch(98% 0 248);--card-foreground:oklch(13% .04 265);--sidebar:oklch(98% 0 248);--sidebar-foreground:oklch(13% .04 265);--sidebar-primary:oklch(21% .04 266);--sidebar-primary-foreground:oklch(98% 0 248);--sidebar-accent:oklch(97% .01 248);--sidebar-accent-foreground:oklch(21% .04 266);--sidebar-border:oklch(93% .01 256);--sidebar-ring:oklch(71% .04 257);--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% .04 257);--background:oklch(13% .04 265);--foreground:oklch(98% 0 248);--primary:oklch(93% .01 256);--primary-foreground:oklch(21% .04 266);--secondary:oklch(28% .04 260);--secondary-foreground:oklch(98% 0 248);--destructive:oklch(70.4% .191 22.216);--accent:oklch(28% .04 260);--accent-foreground:oklch(98% 0 248);--muted:oklch(28% .04 260);--muted-foreground:oklch(71% .04 257);--popover:oklch(21% .04 266);--popover-foreground:oklch(98% 0 248);--card:oklch(21% .04 266);--card-foreground:oklch(98% 0 248);--sidebar:oklch(21% .04 266);--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% .04 260);--sidebar-accent-foreground:oklch(98% 0 248);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55% .04 257);--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 256); /* --color-slate-200 */
+  --border: oklch(0.93 0.01 256); /* --color-slate-200 */
+
+  --ring: oklch(0.71 0.04 257); /* --color-slate-400 */
+
+  --background: oklch(0.98 0 248); /* --color-slate-50 */
+  --foreground: oklch(0.13 0.04 265); /* --color-slate-950 */
+
+  --primary: oklch(0.21 0.04 266); /* --color-slate-900 */
+  --primary-foreground: oklch(0.98 0 248); /* --color-slate-50 */
+
+  --secondary: oklch(0.97 0.01 248); /* --color-slate-100 */
+  --secondary-foreground: oklch(0.21 0.04 266); /* --color-slate-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.97 0.01 248); /* --color-slate-100 */
+  --accent-foreground: oklch(0.21 0.04 266); /* --color-slate-900 */
+
+  --muted: oklch(0.97 0.01 248); /* --color-slate-100 */
+  --muted-foreground: oklch(0.55 0.04 257); /* --color-slate-500 */
+
+  --popover: oklch(0.98 0 248); /* --color-slate-50 */
+  --popover-foreground: oklch(0.13 0.04 265); /* --color-slate-950 */
+
+  --card: oklch(0.98 0 248); /* --color-slate-50 */
+  --card-foreground: oklch(0.13 0.04 265); /* --color-slate-950 */
+
+  --sidebar: oklch(0.98 0 248); /* --color-slate-50 */
+  --sidebar-foreground: oklch(0.13 0.04 265); /* --color-slate-950 */
+
+  --sidebar-primary: oklch(0.21 0.04 266); /* --color-slate-900 */
+  --sidebar-primary-foreground: oklch(0.98 0 248); /* --color-slate-50 */
+
+  --sidebar-accent: oklch(0.97 0.01 248); /* --color-slate-100 */
+  --sidebar-accent-foreground: oklch(0.21 0.04 266); /* --color-slate-900 */
+
+  --sidebar-border: oklch(0.93 0.01 256); /* --color-slate-200 */
+  --sidebar-ring: oklch(0.71 0.04 257); /* --color-slate-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.04 257); /* --color-slate-500 */
+
+  --background: oklch(0.13 0.04 265); /* --color-slate-950 */
+  --foreground: oklch(0.98 0 248); /* --color-slate-50 */
+
+  --primary: oklch(0.93 0.01 256); /* --color-slate-200 */
+  --primary-foreground: oklch(0.21 0.04 266); /* --color-slate-900 */
+
+  --secondary: oklch(0.28 0.04 260); /* --color-slate-800 */
+  --secondary-foreground: oklch(0.98 0 248); /* --color-slate-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-400 */
+
+  --accent: oklch(0.28 0.04 260); /* --color-slate-800 */
+  --accent-foreground: oklch(0.98 0 248); /* --color-slate-50 */
+
+  --muted: oklch(0.28 0.04 260); /* --color-slate-800 */
+  --muted-foreground: oklch(0.71 0.04 257); /* --color-slate-400 */
+
+  --popover: oklch(0.21 0.04 266); /* --color-slate-900 */
+  --popover-foreground: oklch(0.98 0 248); /* --color-slate-50 */
+
+  --card: oklch(0.21 0.04 266); /* --color-slate-900 */
+  --card-foreground: oklch(0.98 0 248); /* --color-slate-50 */
+
+  --sidebar: oklch(0.21 0.04 266); /* --color-slate-900 */
+  --sidebar-foreground: oklch(0.98 0 248); /* --color-slate-50 */
+
+  --sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --sidebar-primary-foreground: oklch(0.98 0 248); /* --color-slate-50 */
+
+  --sidebar-accent: oklch(0.28 0.04 260); /* --color-slate-800 */
+  --sidebar-accent-foreground: oklch(0.98 0 248); /* --color-slate-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.55 0.04 257); /* --color-slate-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/stone.css

@@ -1 +1,95 @@
-:root{--input:oklch(92.3% .003 48.717);--border:oklch(92.3% .003 48.717);--ring:oklch(70.9% .01 56.259);--background:oklch(100% 0 0);--foreground:oklch(14.7% .004 49.25);--primary:oklch(21.6% .006 56.043);--primary-foreground:oklch(98.5% .001 106.423);--secondary:oklch(97% .001 106.424);--secondary-foreground:oklch(21.6% .006 56.043);--destructive:oklch(57.7% .245 27.325);--accent:oklch(97% .001 106.424);--accent-foreground:oklch(21.6% .006 56.043);--muted:oklch(97% .001 106.424);--muted-foreground:oklch(55.3% .013 58.071);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.7% .004 49.25);--card:oklch(100% 0 0);--card-foreground:oklch(14.7% .004 49.25);--sidebar:oklch(98.5% .001 106.423);--sidebar-foreground:oklch(14.7% .004 49.25);--sidebar-primary:oklch(21.6% .006 56.043);--sidebar-primary-foreground:oklch(98.5% .001 106.423);--sidebar-accent:oklch(97% .001 106.424);--sidebar-accent-foreground:oklch(21.6% .006 56.043);--sidebar-border:oklch(92.3% .003 48.717);--sidebar-ring:oklch(70.9% .01 56.259);--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.3% .013 58.071);--background:oklch(14.7% .004 49.25);--foreground:oklch(98.5% .001 106.423);--primary:oklch(92.3% .003 48.717);--primary-foreground:oklch(21.6% .006 56.043);--secondary:oklch(26.8% .007 34.298);--secondary-foreground:oklch(98.5% .001 106.423);--destructive:oklch(70.4% .191 22.216);--accent:oklch(26.8% .007 34.298);--accent-foreground:oklch(98.5% .001 106.423);--muted:oklch(26.8% .007 34.298);--muted-foreground:oklch(70.9% .01 56.259);--popover:oklch(21.6% .006 56.043);--popover-foreground:oklch(98.5% .001 106.423);--card:oklch(21.6% .006 56.043);--card-foreground:oklch(98.5% .001 106.423);--sidebar:oklch(21.6% .006 56.043);--sidebar-foreground:oklch(98.5% .001 106.423);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% .001 106.423);--sidebar-accent:oklch(26.8% .007 34.298);--sidebar-accent-foreground:oklch(98.5% .001 106.423);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.3% .013 58.071);--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.923 0.003 48.717); /* --color-stone-200 */
+  --border: oklch(0.923 0.003 48.717); /* --color-stone-200 */
+
+  --ring: oklch(0.709 0.01 56.259); /* --color-stone-400 */
+
+  --background: oklch(1 0 0); /* --color-white */
+  --foreground: oklch(0.147 0.004 49.25); /* --color-stone-950 */
+
+  --primary: oklch(0.216 0.006 56.043); /* --color-stone-900 */
+  --primary-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
+
+  --secondary: oklch(0.97 0.001 106.424); /* --color-stone-100 */
+  --secondary-foreground: oklch(0.216 0.006 56.043); /* --color-stone-900 */
+
+  --destructive: oklch(0.577 0.245 27.325); /* --color-red-600 */
+
+  --accent: oklch(0.97 0.001 106.424); /* --color-stone-100 */
+  --accent-foreground: oklch(0.216 0.006 56.043); /* --color-stone-900 */
+
+  --muted: oklch(0.97 0.001 106.424); /* --color-stone-100 */
+  --muted-foreground: oklch(0.553 0.013 58.071); /* --color-stone-500 */
+
+  --popover: oklch(1 0 0); /* --color-white */
+  --popover-foreground: oklch(0.147 0.004 49.25); /* --color-stone-950 */
+
+  --card: oklch(1 0 0); /* --color-white */
+  --card-foreground: oklch(0.147 0.004 49.25); /* --color-stone-950 */
+
+  --sidebar: oklch(0.985 0.001 106.423); /* --color-stone-50 */
+  --sidebar-foreground: oklch(0.147 0.004 49.25); /* --color-stone-950 */
+
+  --sidebar-primary: oklch(0.216 0.006 56.043); /* --color-stone-900 */
+  --sidebar-primary-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
+
+  --sidebar-accent: oklch(0.97 0.001 106.424); /* --color-stone-100 */
+  --sidebar-accent-foreground: oklch(0.216 0.006 56.043); /* --color-stone-900 */
+
+  --sidebar-border: oklch(0.923 0.003 48.717); /* --color-stone-200 */
+  --sidebar-ring: oklch(0.709 0.01 56.259); /* --color-stone-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.553 0.013 58.071); /* --color-stone-500 */
+
+  --background: oklch(0.147 0.004 49.25); /* --color-stone-950 */
+  --foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
+
+  --primary: oklch(0.923 0.003 48.717); /* --color-stone-200 */
+  --primary-foreground: oklch(0.216 0.006 56.043); /* --color-stone-900 */
+
+  --secondary: oklch(0.268 0.007 34.298); /* --color-stone-800 */
+  --secondary-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
+
+  --destructive: oklch(0.704 0.191 22.216); /* --color-red-500 */
+
+  --accent: oklch(0.268 0.007 34.298); /* --color-stone-800 */
+  --accent-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
+
+  --muted: oklch(0.268 0.007 34.298); /* --color-stone-800 */
+  --muted-foreground: oklch(0.709 0.01 56.259); /* --color-stone-400 */
+
+  --popover: oklch(0.216 0.006 56.043); /* --color-stone-900 */
+  --popover-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
+
+  --card: oklch(0.216 0.006 56.043); /* --color-stone-900 */
+  --card-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
+
+  --sidebar: oklch(0.216 0.006 56.043); /* --color-stone-900 */
+  --sidebar-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
+
+  --sidebar-primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --sidebar-primary-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
+
+  --sidebar-accent: oklch(0.268 0.007 34.298); /* --color-stone-800 */
+  --sidebar-accent-foreground: oklch(0.985 0.001 106.423); /* --color-stone-50 */
+
+  --sidebar-border: oklch(1 0 0 / 10%); /* --color-white */
+  --sidebar-ring: oklch(0.553 0.013 58.071); /* --color-stone-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/style.css

@@ -1 +1,3 @@
-@import "tailwindcss";@import "./neutral.css";@import "./preset.css";
+@import 'tailwindcss';
+@import './neutral.css';
+@import './preset.css';

package/dist/css/teal.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(78% .13 182);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(60% .1 185);--primary-foreground:oklch(98% .01 181);--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(60% .1 185);--sidebar-primary-foreground:oklch(98% .01 181);--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(78% .13 182);--chart-1:oklch(85% .13 181);--chart-2:oklch(78% .13 182);--chart-3:oklch(70% .12 183);--chart-4:oklch(60% .1 185);--chart-5:oklch(51% .09 186)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(39% .06 188);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(70% .12 183);--primary-foreground:oklch(98% .01 181);--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(70% .12 183);--sidebar-primary-foreground:oklch(98% .01 181);--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(39% .06 188);--chart-1:oklch(85% .13 181);--chart-2:oklch(78% .13 182);--chart-3:oklch(70% .12 183);--chart-4:oklch(60% .1 185);--chart-5:oklch(51% .09 186)}
+: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.78 0.13 182); /* --color-teal-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.6 0.1 185); /* --color-teal-600 */
+  --primary-foreground: oklch(0.98 0.01 181); /* --color-teal-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.6 0.1 185); /* --color-teal-600 */
+  --sidebar-primary-foreground: oklch(0.98 0.01 181); /* --color-teal-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.78 0.13 182); /* --color-teal-400 */
+
+  --chart-1: oklch(0.85 0.13 181); /* --color-teal-300 */
+  --chart-2: oklch(0.78 0.13 182); /* --color-teal-400 */
+  --chart-3: oklch(0.7 0.12 183); /* --color-teal-500 */
+  --chart-4: oklch(0.6 0.1 185); /* --color-teal-600 */
+  --chart-5: oklch(0.51 0.09 186); /* --color-teal-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.39 0.06 188); /* --color-teal-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.7 0.12 183); /* --color-teal-500 */
+  --primary-foreground: oklch(0.98 0.01 181); /* --color-teal-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.7 0.12 183); /* --color-teal-500 */
+  --sidebar-primary-foreground: oklch(0.98 0.01 181); /* --color-teal-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.39 0.06 188); /* --color-teal-900 */
+
+  --chart-1: oklch(0.85 0.13 181); /* --color-teal-300 */
+  --chart-2: oklch(0.78 0.13 182); /* --color-teal-400 */
+  --chart-3: oklch(0.7 0.12 183); /* --color-teal-500 */
+  --chart-4: oklch(0.6 0.1 185); /* --color-teal-600 */
+  --chart-5: oklch(0.51 0.09 186); /* --color-teal-700 */
+}

package/dist/css/violet.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(70.2% .183 293.541);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(54.1% .281 293.009);--primary-foreground:oklch(96.9% .016 293.756);--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(54.1% .281 293.009);--sidebar-primary-foreground:oklch(96.9% .016 293.756);--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(70.2% .183 293.541);--chart-1:oklch(81.1% .111 293.571);--chart-2:oklch(60.6% .25 292.717);--chart-3:oklch(54.1% .281 293.009);--chart-4:oklch(49.1% .27 292.581);--chart-5:oklch(43.2% .232 292.759)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(38% .189 293.745);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(60.6% .25 292.717);--primary-foreground:oklch(96.9% .016 293.756);--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(60.6% .25 292.717);--sidebar-primary-foreground:oklch(96.9% .016 293.756);--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(38% .189 293.745);--chart-1:oklch(81.1% .111 293.571);--chart-2:oklch(60.6% .25 292.717);--chart-3:oklch(54.1% .281 293.009);--chart-4:oklch(49.1% .27 292.581);--chart-5:oklch(43.2% .232 292.759)}
+: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.702 0.183 293.541); /* --color-violet-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.541 0.281 293.009); /* --color-violet-600 */
+  --primary-foreground: oklch(0.969 0.016 293.756); /* --color-violet-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.541 0.281 293.009); /* --color-violet-600 */
+  --sidebar-primary-foreground: oklch(0.969 0.016 293.756); /* --color-violet-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.702 0.183 293.541); /* --color-violet-400 */
+
+  --chart-1: oklch(0.811 0.111 293.571); /* --color-violet-300 */
+  --chart-2: oklch(0.606 0.25 292.717); /* --color-violet-500 */
+  --chart-3: oklch(0.541 0.281 293.009); /* --color-violet-600 */
+  --chart-4: oklch(0.491 0.27 292.581); /* --color-violet-700 */
+  --chart-5: oklch(0.432 0.232 292.759); /* --color-violet-800 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.38 0.189 293.745); /* --color-violet-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.606 0.25 292.717); /* --color-violet-500 */
+  --primary-foreground: oklch(0.969 0.016 293.756); /* --color-violet-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.606 0.25 292.717); /* --color-violet-500 */
+  --sidebar-primary-foreground: oklch(0.969 0.016 293.756); /* --color-violet-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.38 0.189 293.745); /* --color-violet-900 */
+
+  --chart-1: oklch(0.811 0.111 293.571); /* --color-violet-300 */
+  --chart-2: oklch(0.606 0.25 292.717); /* --color-violet-500 */
+  --chart-3: oklch(0.541 0.281 293.009); /* --color-violet-600 */
+  --chart-4: oklch(0.491 0.27 292.581); /* --color-violet-700 */
+  --chart-5: oklch(0.432 0.232 292.759); /* --color-violet-800 */
+}

package/dist/css/yellow.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(85.2% .199 91.936);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(68.1% .162 75.834);--primary-foreground:oklch(98.7% .026 102.212);--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(68.1% .162 75.834);--sidebar-primary-foreground:oklch(98.7% .026 102.212);--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.2% .199 91.936);--chart-1:oklch(90.5% .182 98.111);--chart-2:oklch(79.5% .184 86.047);--chart-3:oklch(68.1% .162 75.834);--chart-4:oklch(55.4% .135 66.442);--chart-5:oklch(47.6% .114 61.907)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(42.1% .095 57.708);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(79.5% .184 86.047);--primary-foreground:oklch(42.1% .095 57.708);--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(79.5% .184 86.047);--sidebar-primary-foreground:oklch(98.7% .026 102.212);--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(42.1% .095 57.708);--chart-1:oklch(90.5% .182 98.111);--chart-2:oklch(79.5% .184 86.047);--chart-3:oklch(68.1% .162 75.834);--chart-4:oklch(55.4% .135 66.442);--chart-5:oklch(47.6% .114 61.907)}
+: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.852 0.199 91.936); /* --color-yellow-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.681 0.162 75.834); /* --color-yellow-600 */
+  --primary-foreground: oklch(0.987 0.026 102.212); /* --color-yellow-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.681 0.162 75.834); /* --color-yellow-600 */
+  --sidebar-primary-foreground: oklch(0.987 0.026 102.212); /* --color-yellow-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.852 0.199 91.936); /* --color-yellow-400 */
+
+  --chart-1: oklch(0.905 0.182 98.111); /* --color-yellow-300 */
+  --chart-2: oklch(0.795 0.184 86.047); /* --color-yellow-500 */
+  --chart-3: oklch(0.681 0.162 75.834); /* --color-yellow-600 */
+  --chart-4: oklch(0.554 0.135 66.442); /* --color-yellow-700 */
+  --chart-5: oklch(0.476 0.114 61.907); /* --color-yellow-800 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.421 0.095 57.708); /* --color-yellow-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.795 0.184 86.047); /* --color-yellow-500 */
+  --primary-foreground: oklch(0.421 0.095 57.708); /* --color-yellow-900 */
+
+  --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.795 0.184 86.047); /* --color-yellow-500 */
+  --sidebar-primary-foreground: oklch(0.987 0.026 102.212); /* --color-yellow-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.421 0.095 57.708); /* --color-yellow-900 */
+
+  --chart-1: oklch(0.905 0.182 98.111); /* --color-yellow-300 */
+  --chart-2: oklch(0.795 0.184 86.047); /* --color-yellow-500 */
+  --chart-3: oklch(0.681 0.162 75.834); /* --color-yellow-600 */
+  --chart-4: oklch(0.554 0.135 66.442); /* --color-yellow-700 */
+  --chart-5: oklch(0.476 0.114 61.907); /* --color-yellow-800 */
+}