@macroui/macroui 4.0.0 → 4.0.2

package/src/themes/caramellatte.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(98% 0.016 73.684);
+--color-base-200: oklch(95% 0.038 75.164);
+--color-base-300: oklch(90% 0.076 70.697);
+--color-base-content: oklch(40% 0.123 38.172);
+--color-primary: oklch(0% 0 0);
+--color-primary-content: oklch(100% 0 0);
+--color-secondary: oklch(22.45% 0.075 37.85);
+--color-secondary-content: oklch(90% 0.076 70.697);
+--color-accent: oklch(46.44% 0.111 37.85);
+--color-accent-content: oklch(90% 0.076 70.697);
+--color-neutral: oklch(55% 0.195 38.402);
+--color-neutral-content: oklch(98% 0.016 73.684);
+--color-info: oklch(42% 0.199 265.638);
+--color-info-content: oklch(90% 0.076 70.697);
+--color-success: oklch(43% 0.095 166.913);
+--color-success-content: oklch(90% 0.076 70.697);
+--color-warning: oklch(82% 0.189 84.429);
+--color-warning-content: oklch(41% 0.112 45.904);
+--color-error: oklch(70% 0.191 22.216);
+--color-error-content: oklch(39% 0.141 25.723);
+--radius-selector: 2rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 2px;
+--depth: 1;
+--noise: 1;

package/src/themes/cmyk.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(100% 0 0);
+--color-base-200: oklch(95% 0 0);
+--color-base-300: oklch(90% 0 0);
+--color-base-content: oklch(20% 0 0);
+--color-primary: oklch(71.772% 0.133 239.443);
+--color-primary-content: oklch(14.354% 0.026 239.443);
+--color-secondary: oklch(64.476% 0.202 359.339);
+--color-secondary-content: oklch(12.895% 0.04 359.339);
+--color-accent: oklch(94.228% 0.189 105.306);
+--color-accent-content: oklch(18.845% 0.037 105.306);
+--color-neutral: oklch(21.778% 0 0);
+--color-neutral-content: oklch(84.355% 0 0);
+--color-info: oklch(68.475% 0.094 217.284);
+--color-info-content: oklch(13.695% 0.018 217.284);
+--color-success: oklch(46.949% 0.162 321.406);
+--color-success-content: oklch(89.389% 0.032 321.406);
+--color-warning: oklch(71.236% 0.159 52.023);
+--color-warning-content: oklch(14.247% 0.031 52.023);
+--color-error: oklch(62.013% 0.208 28.717);
+--color-error-content: oklch(12.402% 0.041 28.717);
+--radius-selector: 1rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/coffee.css

@@ -0,0 +1,29 @@
+color-scheme: dark;
+--color-base-100: oklch(24% 0.023 329.708);
+--color-base-200: oklch(21% 0.021 329.708);
+--color-base-300: oklch(16% 0.019 329.708);
+--color-base-content: oklch(72.354% 0.092 79.129);
+--color-primary: oklch(71.996% 0.123 62.756);
+--color-primary-content: oklch(14.399% 0.024 62.756);
+--color-secondary: oklch(34.465% 0.029 199.194);
+--color-secondary-content: oklch(86.893% 0.005 199.194);
+--color-accent: oklch(42.621% 0.074 224.389);
+--color-accent-content: oklch(88.524% 0.014 224.389);
+--color-neutral: oklch(16.51% 0.015 326.261);
+--color-neutral-content: oklch(83.302% 0.003 326.261);
+--color-info: oklch(79.49% 0.063 184.558);
+--color-info-content: oklch(15.898% 0.012 184.558);
+--color-success: oklch(74.722% 0.072 131.116);
+--color-success-content: oklch(14.944% 0.014 131.116);
+--color-warning: oklch(88.15% 0.14 87.722);
+--color-warning-content: oklch(17.63% 0.028 87.722);
+--color-error: oklch(77.318% 0.128 31.871);
+--color-error-content: oklch(15.463% 0.025 31.871);
+--radius-selector: 1rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/corporate.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(100% 0 0);
+--color-base-200: oklch(93% 0 0);
+--color-base-300: oklch(86% 0 0);
+--color-base-content: oklch(22.389% 0.031 278.072);
+--color-primary: oklch(58% 0.158 241.966);
+--color-primary-content: oklch(100% 0 0);
+--color-secondary: oklch(55% 0.046 257.417);
+--color-secondary-content: oklch(100% 0 0);
+--color-accent: oklch(60% 0.118 184.704);
+--color-accent-content: oklch(100% 0 0);
+--color-neutral: oklch(0% 0 0);
+--color-neutral-content: oklch(100% 0 0);
+--color-info: oklch(60% 0.126 221.723);
+--color-info-content: oklch(100% 0 0);
+--color-success: oklch(62% 0.194 149.214);
+--color-success-content: oklch(100% 0 0);
+--color-warning: oklch(85% 0.199 91.936);
+--color-warning-content: oklch(0% 0 0);
+--color-error: oklch(70% 0.191 22.216);
+--color-error-content: oklch(0% 0 0);
+--radius-selector: 0.25rem;
+--radius-field: 0.25rem;
+--radius-box: 0.25rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/cupcake.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(97.788% 0.004 56.375);
+--color-base-200: oklch(93.982% 0.007 61.449);
+--color-base-300: oklch(91.586% 0.006 53.44);
+--color-base-content: oklch(23.574% 0.066 313.189);
+--color-primary: oklch(85% 0.138 181.071);
+--color-primary-content: oklch(43% 0.078 188.216);
+--color-secondary: oklch(89% 0.061 343.231);
+--color-secondary-content: oklch(45% 0.187 3.815);
+--color-accent: oklch(90% 0.076 70.697);
+--color-accent-content: oklch(47% 0.157 37.304);
+--color-neutral: oklch(27% 0.006 286.033);
+--color-neutral-content: oklch(92% 0.004 286.32);
+--color-info: oklch(68% 0.169 237.323);
+--color-info-content: oklch(29% 0.066 243.157);
+--color-success: oklch(69% 0.17 162.48);
+--color-success-content: oklch(26% 0.051 172.552);
+--color-warning: oklch(79% 0.184 86.047);
+--color-warning-content: oklch(28% 0.066 53.813);
+--color-error: oklch(64% 0.246 16.439);
+--color-error-content: oklch(27% 0.105 12.094);
+--radius-selector: 1rem;
+--radius-field: 2rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 2px;
+--depth: 1;
+--noise: 0;

package/src/themes/cyberpunk.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(94.51% 0.179 104.32);
+--color-base-200: oklch(91.51% 0.179 104.32);
+--color-base-300: oklch(85.51% 0.179 104.32);
+--color-base-content: oklch(0% 0 0);
+--color-primary: oklch(74.22% 0.209 6.35);
+--color-primary-content: oklch(14.844% 0.041 6.35);
+--color-secondary: oklch(83.33% 0.184 204.72);
+--color-secondary-content: oklch(16.666% 0.036 204.72);
+--color-accent: oklch(71.86% 0.217 310.43);
+--color-accent-content: oklch(14.372% 0.043 310.43);
+--color-neutral: oklch(23.04% 0.065 269.31);
+--color-neutral-content: oklch(94.51% 0.179 104.32);
+--color-info: oklch(72.06% 0.191 231.6);
+--color-info-content: oklch(0% 0 0);
+--color-success: oklch(64.8% 0.15 160);
+--color-success-content: oklch(0% 0 0);
+--color-warning: oklch(84.71% 0.199 83.87);
+--color-warning-content: oklch(0% 0 0);
+--color-error: oklch(71.76% 0.221 22.18);
+--color-error-content: oklch(0% 0 0);
+--radius-selector: 0rem;
+--radius-field: 0rem;
+--radius-box: 0rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/dark.css

@@ -0,0 +1,29 @@
+color-scheme: dark;
+--color-base-100: oklch(25.33% 0.016 252.42);
+--color-base-200: oklch(23.26% 0.014 253.1);
+--color-base-300: oklch(21.15% 0.012 254.09);
+--color-base-content: oklch(97.807% 0.029 256.847);
+--color-primary: oklch(58% 0.233 277.117);
+--color-primary-content: oklch(96% 0.018 272.314);
+--color-secondary: oklch(65% 0.241 354.308);
+--color-secondary-content: oklch(94% 0.028 342.258);
+--color-accent: oklch(77% 0.152 181.912);
+--color-accent-content: oklch(38% 0.063 188.416);
+--color-neutral: oklch(14% 0.005 285.823);
+--color-neutral-content: oklch(92% 0.004 286.32);
+--color-info: oklch(74% 0.16 232.661);
+--color-info-content: oklch(29% 0.066 243.157);
+--color-success: oklch(76% 0.177 163.223);
+--color-success-content: oklch(37% 0.077 168.94);
+--color-warning: oklch(82% 0.189 84.429);
+--color-warning-content: oklch(41% 0.112 45.904);
+--color-error: oklch(71% 0.194 13.428);
+--color-error-content: oklch(27% 0.105 12.094);
+--radius-selector: 0.5rem;
+--radius-field: 0.25rem;
+--radius-box: 0.5rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 1;
+--noise: 0;

package/src/themes/dim.css

@@ -0,0 +1,29 @@
+color-scheme: dark;
+--color-base-100: oklch(30.857% 0.023 264.149);
+--color-base-200: oklch(28.036% 0.019 264.182);
+--color-base-300: oklch(26.346% 0.018 262.177);
+--color-base-content: oklch(82.901% 0.031 222.959);
+--color-primary: oklch(86.133% 0.141 139.549);
+--color-primary-content: oklch(17.226% 0.028 139.549);
+--color-secondary: oklch(73.375% 0.165 35.353);
+--color-secondary-content: oklch(14.675% 0.033 35.353);
+--color-accent: oklch(74.229% 0.133 311.379);
+--color-accent-content: oklch(14.845% 0.026 311.379);
+--color-neutral: oklch(24.731% 0.02 264.094);
+--color-neutral-content: oklch(82.901% 0.031 222.959);
+--color-info: oklch(86.078% 0.142 206.182);
+--color-info-content: oklch(17.215% 0.028 206.182);
+--color-success: oklch(86.171% 0.142 166.534);
+--color-success-content: oklch(17.234% 0.028 166.534);
+--color-warning: oklch(86.163% 0.142 94.818);
+--color-warning-content: oklch(17.232% 0.028 94.818);
+--color-error: oklch(82.418% 0.099 33.756);
+--color-error-content: oklch(16.483% 0.019 33.756);
+--radius-selector: 1rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/dracula.css

@@ -0,0 +1,29 @@
+color-scheme: dark;
+--color-base-100: oklch(28.822% 0.022 277.508);
+--color-base-200: oklch(26.805% 0.02 277.508);
+--color-base-300: oklch(24.787% 0.019 277.508);
+--color-base-content: oklch(97.747% 0.007 106.545);
+--color-primary: oklch(75.461% 0.183 346.812);
+--color-primary-content: oklch(15.092% 0.036 346.812);
+--color-secondary: oklch(74.202% 0.148 301.883);
+--color-secondary-content: oklch(14.84% 0.029 301.883);
+--color-accent: oklch(83.392% 0.124 66.558);
+--color-accent-content: oklch(16.678% 0.024 66.558);
+--color-neutral: oklch(39.445% 0.032 275.524);
+--color-neutral-content: oklch(87.889% 0.006 275.524);
+--color-info: oklch(88.263% 0.093 212.846);
+--color-info-content: oklch(17.652% 0.018 212.846);
+--color-success: oklch(87.099% 0.219 148.024);
+--color-success-content: oklch(17.419% 0.043 148.024);
+--color-warning: oklch(95.533% 0.134 112.757);
+--color-warning-content: oklch(19.106% 0.026 112.757);
+--color-error: oklch(68.22% 0.206 24.43);
+--color-error-content: oklch(13.644% 0.041 24.43);
+--radius-selector: 1rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/emerald.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(100% 0 0);
+--color-base-200: oklch(93% 0 0);
+--color-base-300: oklch(86% 0 0);
+--color-base-content: oklch(35.519% 0.032 262.988);
+--color-primary: oklch(76.662% 0.135 153.45);
+--color-primary-content: oklch(33.387% 0.04 162.24);
+--color-secondary: oklch(61.302% 0.202 261.294);
+--color-secondary-content: oklch(100% 0 0);
+--color-accent: oklch(72.772% 0.149 33.2);
+--color-accent-content: oklch(0% 0 0);
+--color-neutral: oklch(35.519% 0.032 262.988);
+--color-neutral-content: oklch(98.462% 0.001 247.838);
+--color-info: oklch(72.06% 0.191 231.6);
+--color-info-content: oklch(0% 0 0);
+--color-success: oklch(64.8% 0.15 160);
+--color-success-content: oklch(0% 0 0);
+--color-warning: oklch(84.71% 0.199 83.87);
+--color-warning-content: oklch(0% 0 0);
+--color-error: oklch(71.76% 0.221 22.18);
+--color-error-content: oklch(0% 0 0);
+--radius-selector: 1rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/fantasy.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(100% 0 0);
+--color-base-200: oklch(93% 0 0);
+--color-base-300: oklch(86% 0 0);
+--color-base-content: oklch(27.807% 0.029 256.847);
+--color-primary: oklch(37.45% 0.189 325.02);
+--color-primary-content: oklch(87.49% 0.037 325.02);
+--color-secondary: oklch(53.92% 0.162 241.36);
+--color-secondary-content: oklch(90.784% 0.032 241.36);
+--color-accent: oklch(75.98% 0.204 56.72);
+--color-accent-content: oklch(15.196% 0.04 56.72);
+--color-neutral: oklch(27.807% 0.029 256.847);
+--color-neutral-content: oklch(85.561% 0.005 256.847);
+--color-info: oklch(72.06% 0.191 231.6);
+--color-info-content: oklch(0% 0 0);
+--color-success: oklch(64.8% 0.15 160);
+--color-success-content: oklch(0% 0 0);
+--color-warning: oklch(84.71% 0.199 83.87);
+--color-warning-content: oklch(0% 0 0);
+--color-error: oklch(71.76% 0.221 22.18);
+--color-error-content: oklch(0% 0 0);
+--radius-selector: 1rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 1;
+--noise: 0;

package/src/themes/forest.css

@@ -0,0 +1,29 @@
+color-scheme: dark;
+--color-base-100: oklch(20.84% 0.008 17.911);
+--color-base-200: oklch(18.522% 0.007 17.911);
+--color-base-300: oklch(16.203% 0.007 17.911);
+--color-base-content: oklch(83.768% 0.001 17.911);
+--color-primary: oklch(68.628% 0.185 148.958);
+--color-primary-content: oklch(0% 0 0);
+--color-secondary: oklch(69.776% 0.135 168.327);
+--color-secondary-content: oklch(13.955% 0.027 168.327);
+--color-accent: oklch(70.628% 0.119 185.713);
+--color-accent-content: oklch(14.125% 0.023 185.713);
+--color-neutral: oklch(30.698% 0.039 171.364);
+--color-neutral-content: oklch(86.139% 0.007 171.364);
+--color-info: oklch(72.06% 0.191 231.6);
+--color-info-content: oklch(0% 0 0);
+--color-success: oklch(64.8% 0.15 160);
+--color-success-content: oklch(0% 0 0);
+--color-warning: oklch(84.71% 0.199 83.87);
+--color-warning-content: oklch(0% 0 0);
+--color-error: oklch(71.76% 0.221 22.18);
+--color-error-content: oklch(0% 0 0);
+--radius-selector: 1rem;
+--radius-field: 2rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/garden.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(92.951% 0.002 17.197);
+--color-base-200: oklch(86.445% 0.002 17.197);
+--color-base-300: oklch(79.938% 0.001 17.197);
+--color-base-content: oklch(16.961% 0.001 17.32);
+--color-primary: oklch(62.45% 0.278 3.836);
+--color-primary-content: oklch(100% 0 0);
+--color-secondary: oklch(48.495% 0.11 355.095);
+--color-secondary-content: oklch(89.699% 0.022 355.095);
+--color-accent: oklch(56.273% 0.054 154.39);
+--color-accent-content: oklch(100% 0 0);
+--color-neutral: oklch(24.155% 0.049 89.07);
+--color-neutral-content: oklch(92.951% 0.002 17.197);
+--color-info: oklch(72.06% 0.191 231.6);
+--color-info-content: oklch(0% 0 0);
+--color-success: oklch(64.8% 0.15 160);
+--color-success-content: oklch(0% 0 0);
+--color-warning: oklch(84.71% 0.199 83.87);
+--color-warning-content: oklch(0% 0 0);
+--color-error: oklch(71.76% 0.221 22.18);
+--color-error-content: oklch(0% 0 0);
+--radius-selector: 1rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/halloween.css

@@ -0,0 +1,29 @@
+color-scheme: dark;
+--color-base-100: oklch(21% 0.006 56.043);
+--color-base-200: oklch(14% 0.004 49.25);
+--color-base-300: oklch(0% 0 0);
+--color-base-content: oklch(84.955% 0 0);
+--color-primary: oklch(77.48% 0.204 60.62);
+--color-primary-content: oklch(19.693% 0.004 196.779);
+--color-secondary: oklch(45.98% 0.248 305.03);
+--color-secondary-content: oklch(89.196% 0.049 305.03);
+--color-accent: oklch(64.8% 0.223 136.073);
+--color-accent-content: oklch(0% 0 0);
+--color-neutral: oklch(24.371% 0.046 65.681);
+--color-neutral-content: oklch(84.874% 0.009 65.681);
+--color-info: oklch(54.615% 0.215 262.88);
+--color-info-content: oklch(90.923% 0.043 262.88);
+--color-success: oklch(62.705% 0.169 149.213);
+--color-success-content: oklch(12.541% 0.033 149.213);
+--color-warning: oklch(66.584% 0.157 58.318);
+--color-warning-content: oklch(13.316% 0.031 58.318);
+--color-error: oklch(65.72% 0.199 27.33);
+--color-error-content: oklch(13.144% 0.039 27.33);
+--radius-selector: 1rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 1;
+--noise: 0;

package/src/themes/lemonade.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(98.71% 0.02 123.72);
+--color-base-200: oklch(91.8% 0.018 123.72);
+--color-base-300: oklch(84.89% 0.017 123.72);
+--color-base-content: oklch(19.742% 0.004 123.72);
+--color-primary: oklch(58.92% 0.199 134.6);
+--color-primary-content: oklch(11.784% 0.039 134.6);
+--color-secondary: oklch(77.75% 0.196 111.09);
+--color-secondary-content: oklch(15.55% 0.039 111.09);
+--color-accent: oklch(85.39% 0.201 100.73);
+--color-accent-content: oklch(17.078% 0.04 100.73);
+--color-neutral: oklch(30.98% 0.075 108.6);
+--color-neutral-content: oklch(86.196% 0.015 108.6);
+--color-info: oklch(86.19% 0.047 224.14);
+--color-info-content: oklch(17.238% 0.009 224.14);
+--color-success: oklch(86.19% 0.047 157.85);
+--color-success-content: oklch(17.238% 0.009 157.85);
+--color-warning: oklch(86.19% 0.047 102.15);
+--color-warning-content: oklch(17.238% 0.009 102.15);
+--color-error: oklch(86.19% 0.047 25.85);
+--color-error-content: oklch(17.238% 0.009 25.85);
+--radius-selector: 1rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/light.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(100% 0 0);
+--color-base-200: oklch(98% 0 0);
+--color-base-300: oklch(95% 0 0);
+--color-base-content: oklch(21% 0.006 285.885);
+--color-primary: oklch(45% 0.24 277.023);
+--color-primary-content: oklch(93% 0.034 272.788);
+--color-secondary: oklch(65% 0.241 354.308);
+--color-secondary-content: oklch(94% 0.028 342.258);
+--color-accent: oklch(77% 0.152 181.912);
+--color-accent-content: oklch(38% 0.063 188.416);
+--color-neutral: oklch(14% 0.005 285.823);
+--color-neutral-content: oklch(92% 0.004 286.32);
+--color-info: oklch(74% 0.16 232.661);
+--color-info-content: oklch(29% 0.066 243.157);
+--color-success: oklch(76% 0.177 163.223);
+--color-success-content: oklch(37% 0.077 168.94);
+--color-warning: oklch(82% 0.189 84.429);
+--color-warning-content: oklch(41% 0.112 45.904);
+--color-error: oklch(71% 0.194 13.428);
+--color-error-content: oklch(27% 0.105 12.094);
+--radius-selector: 0.5rem;
+--radius-field: 0.25rem;
+--radius-box: 0.5rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 1;
+--noise: 0;

package/src/themes/lofi.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(100% 0 0);
+--color-base-200: oklch(97% 0 0);
+--color-base-300: oklch(94% 0 0);
+--color-base-content: oklch(0% 0 0);
+--color-primary: oklch(15.906% 0 0);
+--color-primary-content: oklch(100% 0 0);
+--color-secondary: oklch(21.455% 0.001 17.278);
+--color-secondary-content: oklch(100% 0 0);
+--color-accent: oklch(26.861% 0 0);
+--color-accent-content: oklch(100% 0 0);
+--color-neutral: oklch(0% 0 0);
+--color-neutral-content: oklch(100% 0 0);
+--color-info: oklch(79.54% 0.103 205.9);
+--color-info-content: oklch(15.908% 0.02 205.9);
+--color-success: oklch(90.13% 0.153 164.14);
+--color-success-content: oklch(18.026% 0.03 164.14);
+--color-warning: oklch(88.37% 0.135 79.94);
+--color-warning-content: oklch(17.674% 0.027 79.94);
+--color-error: oklch(78.66% 0.15 28.47);
+--color-error-content: oklch(15.732% 0.03 28.47);
+--radius-selector: 2rem;
+--radius-field: 0.25rem;
+--radius-box: 0.5rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/luxury.css

@@ -0,0 +1,29 @@
+color-scheme: dark;
+--color-base-100: oklch(14.076% 0.004 285.822);
+--color-base-200: oklch(20.219% 0.004 308.229);
+--color-base-300: oklch(23.219% 0.004 308.229);
+--color-base-content: oklch(75.687% 0.123 76.89);
+--color-primary: oklch(100% 0 0);
+--color-primary-content: oklch(20% 0 0);
+--color-secondary: oklch(27.581% 0.064 261.069);
+--color-secondary-content: oklch(85.516% 0.012 261.069);
+--color-accent: oklch(36.674% 0.051 338.825);
+--color-accent-content: oklch(87.334% 0.01 338.825);
+--color-neutral: oklch(24.27% 0.057 59.825);
+--color-neutral-content: oklch(93.203% 0.089 90.861);
+--color-info: oklch(79.061% 0.121 237.133);
+--color-info-content: oklch(15.812% 0.024 237.133);
+--color-success: oklch(78.119% 0.192 132.154);
+--color-success-content: oklch(15.623% 0.038 132.154);
+--color-warning: oklch(86.127% 0.136 102.891);
+--color-warning-content: oklch(17.225% 0.027 102.891);
+--color-error: oklch(71.753% 0.176 22.568);
+--color-error-content: oklch(14.35% 0.035 22.568);
+--radius-selector: 1rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 1;
+--noise: 0;

package/src/themes/night.css

@@ -0,0 +1,29 @@
+color-scheme: dark;
+--color-base-100: oklch(20.768% 0.039 265.754);
+--color-base-200: oklch(19.314% 0.037 265.754);
+--color-base-300: oklch(17.86% 0.034 265.754);
+--color-base-content: oklch(84.153% 0.007 265.754);
+--color-primary: oklch(75.351% 0.138 232.661);
+--color-primary-content: oklch(15.07% 0.027 232.661);
+--color-secondary: oklch(68.011% 0.158 276.934);
+--color-secondary-content: oklch(13.602% 0.031 276.934);
+--color-accent: oklch(72.36% 0.176 350.048);
+--color-accent-content: oklch(14.472% 0.035 350.048);
+--color-neutral: oklch(27.949% 0.036 260.03);
+--color-neutral-content: oklch(85.589% 0.007 260.03);
+--color-info: oklch(68.455% 0.148 237.251);
+--color-info-content: oklch(0% 0 0);
+--color-success: oklch(78.452% 0.132 181.911);
+--color-success-content: oklch(15.69% 0.026 181.911);
+--color-warning: oklch(83.242% 0.139 82.95);
+--color-warning-content: oklch(16.648% 0.027 82.95);
+--color-error: oklch(71.785% 0.17 13.118);
+--color-error-content: oklch(14.357% 0.034 13.118);
+--radius-selector: 1rem;
+--radius-field: 0.5rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/nord.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(95.127% 0.007 260.731);
+--color-base-200: oklch(93.299% 0.01 261.788);
+--color-base-300: oklch(89.925% 0.016 262.749);
+--color-base-content: oklch(32.437% 0.022 264.182);
+--color-primary: oklch(59.435% 0.077 254.027);
+--color-primary-content: oklch(11.887% 0.015 254.027);
+--color-secondary: oklch(69.651% 0.059 248.687);
+--color-secondary-content: oklch(13.93% 0.011 248.687);
+--color-accent: oklch(77.464% 0.062 217.469);
+--color-accent-content: oklch(15.492% 0.012 217.469);
+--color-neutral: oklch(45.229% 0.035 264.131);
+--color-neutral-content: oklch(89.925% 0.016 262.749);
+--color-info: oklch(69.207% 0.062 332.664);
+--color-info-content: oklch(13.841% 0.012 332.664);
+--color-success: oklch(76.827% 0.074 131.063);
+--color-success-content: oklch(15.365% 0.014 131.063);
+--color-warning: oklch(85.486% 0.089 84.093);
+--color-warning-content: oklch(17.097% 0.017 84.093);
+--color-error: oklch(60.61% 0.12 15.341);
+--color-error-content: oklch(12.122% 0.024 15.341);
+--radius-selector: 1rem;
+--radius-field: 0.25rem;
+--radius-box: 0.5rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;

package/src/themes/pastel.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(100% 0 0);
+--color-base-200: oklch(98.462% 0.001 247.838);
+--color-base-300: oklch(92.462% 0.001 247.838);
+--color-base-content: oklch(20% 0 0);
+--color-primary: oklch(90% 0.063 306.703);
+--color-primary-content: oklch(49% 0.265 301.924);
+--color-secondary: oklch(89% 0.058 10.001);
+--color-secondary-content: oklch(51% 0.222 16.935);
+--color-accent: oklch(90% 0.093 164.15);
+--color-accent-content: oklch(50% 0.118 165.612);
+--color-neutral: oklch(55% 0.046 257.417);
+--color-neutral-content: oklch(92% 0.013 255.508);
+--color-info: oklch(86% 0.127 207.078);
+--color-info-content: oklch(52% 0.105 223.128);
+--color-success: oklch(87% 0.15 154.449);
+--color-success-content: oklch(52% 0.154 150.069);
+--color-warning: oklch(83% 0.128 66.29);
+--color-warning-content: oklch(55% 0.195 38.402);
+--color-error: oklch(80% 0.114 19.571);
+--color-error-content: oklch(50% 0.213 27.518);
+--radius-selector: 1rem;
+--radius-field: 2rem;
+--radius-box: 1rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 2px;
+--depth: 0;
+--noise: 0;

package/src/themes/retro.css

@@ -0,0 +1,29 @@
+color-scheme: light;
+--color-base-100: oklch(91.637% 0.034 90.515);
+--color-base-200: oklch(88.272% 0.049 91.774);
+--color-base-300: oklch(84.133% 0.065 90.856);
+--color-base-content: oklch(41% 0.112 45.904);
+--color-primary: oklch(80% 0.114 19.571);
+--color-primary-content: oklch(39% 0.141 25.723);
+--color-secondary: oklch(92% 0.084 155.995);
+--color-secondary-content: oklch(44% 0.119 151.328);
+--color-accent: oklch(68% 0.162 75.834);
+--color-accent-content: oklch(41% 0.112 45.904);
+--color-neutral: oklch(44% 0.011 73.639);
+--color-neutral-content: oklch(86% 0.005 56.366);
+--color-info: oklch(58% 0.158 241.966);
+--color-info-content: oklch(96% 0.059 95.617);
+--color-success: oklch(51% 0.096 186.391);
+--color-success-content: oklch(96% 0.059 95.617);
+--color-warning: oklch(64% 0.222 41.116);
+--color-warning-content: oklch(96% 0.059 95.617);
+--color-error: oklch(70% 0.191 22.216);
+--color-error-content: oklch(40% 0.123 38.172);
+--radius-selector: 0.25rem;
+--radius-field: 0.25rem;
+--radius-box: 0.5rem;
+--size-selector: 0.25rem;
+--size-field: 0.25rem;
+--border: 1px;
+--depth: 0;
+--noise: 0;