@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/css/blue.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(70.8% 0 0);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(48.8% .243 264.376);--primary-foreground:oklch(97% .014 254.604);--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.6% .245 262.881);--sidebar-primary-foreground:oklch(97% .014 254.604);--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.8% 0 0);--chart-1:oklch(80.9% .105 251.813);--chart-2:oklch(62.3% .214 259.815);--chart-3:oklch(54.6% .245 262.881);--chart-4:oklch(48.8% .243 264.376);--chart-5:oklch(42.4% .199 265.638)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(55.6% 0 0);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(48.8% .243 264.376);--primary-foreground:oklch(97% .014 254.604);--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(62.3% .214 259.815);--sidebar-primary-foreground:oklch(97% .014 254.604);--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(43.9% 0 0);--chart-1:oklch(80.9% .105 251.813);--chart-2:oklch(62.3% .214 259.815);--chart-3:oklch(54.6% .245 262.881);--chart-4:oklch(48.8% .243 264.376);--chart-5:oklch(42.4% .199 265.638)}
+: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.708 0 0); /* default ring */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --primary-foreground: oklch(0.97 0.014 254.604); /* --color-blue-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.546 0.245 262.881); /* --color-blue-600 */
+  --sidebar-primary-foreground: oklch(0.97 0.014 254.604); /* --color-blue-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.708 0 0); /* default sidebar ring */
+
+  --chart-1: oklch(0.809 0.105 251.813); /* --color-blue-300 */
+  --chart-2: oklch(0.623 0.214 259.815); /* --color-blue-500 */
+  --chart-3: oklch(0.546 0.245 262.881); /* --color-blue-600 */
+  --chart-4: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --chart-5: oklch(0.424 0.199 265.638); /* --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); /* default ring (dark) */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --primary-foreground: oklch(0.97 0.014 254.604); /* --color-blue-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.623 0.214 259.815); /* --color-blue-500 */
+  --sidebar-primary-foreground: oklch(0.97 0.014 254.604); /* --color-blue-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.439 0 0); /* default sidebar ring (dark) */
+
+  --chart-1: oklch(0.809 0.105 251.813); /* --color-blue-300 */
+  --chart-2: oklch(0.623 0.214 259.815); /* --color-blue-500 */
+  --chart-3: oklch(0.546 0.245 262.881); /* --color-blue-600 */
+  --chart-4: oklch(0.488 0.243 264.376); /* --color-blue-700 */
+  --chart-5: oklch(0.424 0.199 265.638); /* --color-blue-800 */
+}

package/dist/css/cyan.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(80% .13 212);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(61% .11 222);--primary-foreground:oklch(98% .02 201);--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(61% .11 222);--sidebar-primary-foreground:oklch(98% .02 201);--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(80% .13 212);--chart-1:oklch(87% .12 207);--chart-2:oklch(80% .13 212);--chart-3:oklch(71% .13 215);--chart-4:oklch(61% .11 222);--chart-5:oklch(52% .09 223)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(40% .07 227);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(71% .13 215);--primary-foreground:oklch(98% .02 201);--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(71% .13 215);--sidebar-primary-foreground:oklch(98% .02 201);--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% .07 227);--chart-1:oklch(87% .12 207);--chart-2:oklch(80% .13 212);--chart-3:oklch(71% .13 215);--chart-4:oklch(61% .11 222);--chart-5:oklch(52% .09 223)}
+: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.8 0.13 212); /* --color-cyan-400 */
+
+  --background: oklch(1 0 0); /* --color-zinc-50 */
+  --foreground: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+
+  --primary: oklch(0.61 0.11 222); /* --color-cyan-600 */
+  --primary-foreground: oklch(0.98 0.02 201); /* --color-cyan-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.61 0.11 222); /* --color-cyan-600 */
+  --sidebar-primary-foreground: oklch(0.98 0.02 201); /* --color-cyan-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.8 0.13 212); /* --color-cyan-400 */
+
+  --chart-1: oklch(0.87 0.12 207); /* --color-cyan-300 */
+  --chart-2: oklch(0.8 0.13 212); /* --color-cyan-400 */
+  --chart-3: oklch(0.71 0.13 215); /* --color-cyan-500 */
+  --chart-4: oklch(0.61 0.11 222); /* --color-cyan-600 */
+  --chart-5: oklch(0.52 0.09 223); /* --color-cyan-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.4 0.07 227); /* --color-cyan-900 */
+
+  --background: oklch(0.141 0.005 285.823); /* --color-zinc-950 */
+  --foreground: oklch(0.985 0 0); /* --color-zinc-50 */
+
+  --primary: oklch(0.71 0.13 215); /* --color-cyan-500 */
+  --primary-foreground: oklch(0.98 0.02 201); /* --color-cyan-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.71 0.13 215); /* --color-cyan-500 */
+  --sidebar-primary-foreground: oklch(0.98 0.02 201); /* --color-cyan-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.07 227); /* --color-cyan-900 */
+
+  --chart-1: oklch(0.87 0.12 207); /* --color-cyan-300 */
+  --chart-2: oklch(0.8 0.13 212); /* --color-cyan-400 */
+  --chart-3: oklch(0.71 0.13 215); /* --color-cyan-500 */
+  --chart-4: oklch(0.61 0.11 222); /* --color-cyan-600 */
+  --chart-5: oklch(0.52 0.09 223); /* --color-cyan-700 */
+}

package/dist/css/emerald.css

@@ -1 +1,95 @@
-:root{--input:oklch(92% .004 286.32);--border:oklch(92% .004 286.32);--ring:oklch(77% .15 163);--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--primary:oklch(60% .13 163);--primary-foreground:oklch(98% .02 166);--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% .13 163);--sidebar-primary-foreground:oklch(98% .02 166);--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(77% .15 163);--chart-1:oklch(85% .13 165);--chart-2:oklch(77% .15 163);--chart-3:oklch(70% .15 162);--chart-4:oklch(60% .13 163);--chart-5:oklch(51% .1 166)}.dark{--input:oklch(100% 0 0/.15);--border:oklch(100% 0 0/.1);--ring:oklch(38% .07 169);--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--primary:oklch(70% .15 162);--primary-foreground:oklch(98% .02 166);--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% .15 162);--sidebar-primary-foreground:oklch(98% .02 166);--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% .07 169);--chart-1:oklch(85% .13 165);--chart-2:oklch(77% .15 163);--chart-3:oklch(70% .15 162);--chart-4:oklch(60% .13 163);--chart-5:oklch(51% .1 166)}
+: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.77 0.15 163); /* --color-emerald-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.13 163); /* --color-emerald-600 */
+  --primary-foreground: oklch(0.98 0.02 166); /* --color-emerald-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.13 163); /* --color-emerald-600 */
+  --sidebar-primary-foreground: oklch(0.98 0.02 166); /* --color-emerald-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.77 0.15 163); /* --color-emerald-400 */
+
+  --chart-1: oklch(0.85 0.13 165); /* --color-emerald-300 */
+  --chart-2: oklch(0.77 0.15 163); /* --color-emerald-400 */
+  --chart-3: oklch(0.7 0.15 162); /* --color-emerald-500 */
+  --chart-4: oklch(0.6 0.13 163); /* --color-emerald-600 */
+  --chart-5: oklch(0.51 0.1 166); /* --color-emerald-700 */
+}
+
+.dark {
+  --input: oklch(1 0 0 / 15%); /* --color-white */
+  --border: oklch(1 0 0 / 10%); /* --color-white */
+
+  --ring: oklch(0.38 0.07 169); /* --color-emerald-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.15 162); /* --color-emerald-500 */
+  --primary-foreground: oklch(0.98 0.02 166); /* --color-emerald-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.15 162); /* --color-emerald-500 */
+  --sidebar-primary-foreground: oklch(0.98 0.02 166); /* --color-emerald-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.07 169); /* --color-emerald-900 */
+
+  --chart-1: oklch(0.85 0.13 165); /* --color-emerald-300 */
+  --chart-2: oklch(0.77 0.15 163); /* --color-emerald-400 */
+  --chart-3: oklch(0.7 0.15 162); /* --color-emerald-500 */
+  --chart-4: oklch(0.6 0.13 163); /* --color-emerald-600 */
+  --chart-5: oklch(0.51 0.1 166); /* --color-emerald-700 */
+}

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 */
+}