@new-ui/themes 3.0.0

package/dist/index.css

@@ -0,0 +1,941 @@
+[data-new-ui-theme="dracula"] {
+  color-scheme: dark;
+  --dt-background: oklch(28.82% .0221 277.51);
+  --dt-current-line: oklch(40.28% .0322 277.83);
+  --dt-selection: oklch(40.28% .0322 277.83);
+  --dt-foreground: oklch(97.75% .0079 106.55);
+  --dt-comment: oklch(55.98% .0803 270.09);
+  --dt-cyan: oklch(88.26% .0934 212.85);
+  --dt-green: oklch(87.1% .2195 148.02);
+  --dt-orange: oklch(83.39% .1241 66.56);
+  --dt-pink: oklch(75.46% .1831 346.81);
+  --dt-purple: oklch(74.2% .1485 301.88);
+  --dt-red: oklch(68.22% .2063 24.43);
+  --dt-yellow: oklch(95.53% .1342 112.76);
+  --background: var(--dt-background);
+  --background-secondary: oklch(25.54% .0188 280.49);
+  --background-hover: var(--dt-current-line);
+  --background-selected: var(--dt-selection);
+  --background-selected-hover: oklch(46.88% .042 281.2);
+  --background-high-contrast: oklch(21.99% .0137 278.8);
+  --border-muted: oklch(34.02% .0266 276.05);
+  --border: var(--dt-current-line);
+  --border-strong: var(--dt-comment);
+  --border-inked: var(--dt-foreground);
+  --border-inverse: var(--dt-background);
+  --border-focus: var(--dt-purple);
+  --button: var(--dt-purple);
+  --button-hover: var(--dt-pink);
+  --button-active: var(--dt-pink);
+  --button-disabled: var(--dt-comment);
+  --link: var(--dt-cyan);
+  --link-hover: var(--dt-pink);
+  --link-subtle: var(--dt-comment);
+  --link-visited: var(--dt-purple);
+  --support-error: var(--dt-red);
+  --support-warning: var(--dt-orange);
+  --support-success: var(--dt-green);
+  --support-info: var(--dt-cyan);
+  --content-primary: var(--dt-foreground);
+  --content-secondary: oklch(84.43% .0305 281.59);
+  --content-secondary-alt: var(--dt-comment);
+  --content-placeholder: var(--dt-comment);
+  --content-on-color: var(--dt-background);
+  --content-error: var(--dt-red);
+  --content-success: var(--dt-green);
+  --content-inked: var(--dt-foreground);
+}
+
+[data-new-ui-theme="catppuccin-latte"] {
+  color-scheme: light;
+  --ctp-rosewater: oklch(71.41% .1045 33.1);
+  --ctp-flamingo: oklch(68.56% .1259 20.87);
+  --ctp-pink: oklch(72.56% .1739 338.43);
+  --ctp-mauve: oklch(55.47% .2503 297.02);
+  --ctp-red: oklch(55.05% .2155 19.81);
+  --ctp-maroon: oklch(62.52% .1967 20.27);
+  --ctp-peach: oklch(69.2% .2041 42.43);
+  --ctp-yellow: oklch(71.4% .1494 67.78);
+  --ctp-green: oklch(62.5% .1772 140.44);
+  --ctp-teal: oklch(60.23% .0981 201.1);
+  --ctp-sky: oklch(68.2% .1448 235.38);
+  --ctp-sapphire: oklch(64.77% .1068 212.89);
+  --ctp-blue: oklch(55.86% .2255 262.09);
+  --ctp-lavender: oklch(66.38% .1751 273.13);
+  --ctp-text: oklch(43.55% .043 279.33);
+  --ctp-subtext1: oklch(49.2% .0385 279.3);
+  --ctp-subtext0: oklch(54.71% .0343 279.08);
+  --ctp-overlay2: oklch(60.09% .0305 278.69);
+  --ctp-overlay1: oklch(65.36% .0269 278.12);
+  --ctp-overlay0: oklch(70.77% .0237 274.6);
+  --ctp-surface2: oklch(75.84% .0205 273.15);
+  --ctp-surface1: oklch(80.83% .0174 271.2);
+  --ctp-surface0: oklch(85.75% .0145 268.48);
+  --ctp-base: oklch(95.78% .0058 264.53);
+  --ctp-mantle: oklch(93.35% .0087 264.52);
+  --ctp-crust: oklch(90.6% .0117 264.51);
+  --background: var(--ctp-base);
+  --background-secondary: var(--ctp-mantle);
+  --background-hover: var(--ctp-surface0);
+  --background-selected: var(--ctp-surface1);
+  --background-selected-hover: var(--ctp-surface2);
+  --background-high-contrast: var(--ctp-crust);
+  --border-muted: var(--ctp-surface0);
+  --border: var(--ctp-surface1);
+  --border-strong: var(--ctp-surface2);
+  --border-inked: var(--ctp-text);
+  --border-inverse: var(--ctp-base);
+  --border-focus: var(--ctp-lavender);
+  --button: var(--ctp-mauve);
+  --button-hover: var(--ctp-lavender);
+  --button-active: var(--ctp-blue);
+  --button-disabled: var(--ctp-surface2);
+  --link: var(--ctp-blue);
+  --link-hover: var(--ctp-sky);
+  --link-subtle: var(--ctp-overlay1);
+  --link-visited: var(--ctp-lavender);
+  --support-error: var(--ctp-red);
+  --support-warning: var(--ctp-yellow);
+  --support-success: var(--ctp-green);
+  --support-info: var(--ctp-teal);
+  --content-primary: var(--ctp-text);
+  --content-secondary: var(--ctp-subtext1);
+  --content-secondary-alt: var(--ctp-subtext0);
+  --content-placeholder: var(--ctp-overlay1);
+  --content-on-color: var(--ctp-base);
+  --content-error: var(--ctp-red);
+  --content-success: var(--ctp-green);
+  --content-inked: var(--ctp-text);
+}
+
+[data-new-ui-theme="catppuccin-frappe"] {
+  color-scheme: dark;
+  --ctp-rosewater: oklch(89.55% .0335 31.6);
+  --ctp-flamingo: oklch(84.39% .0553 18.31);
+  --ctp-pink: oklch(85.04% .0892 336.26);
+  --ctp-mauve: oklch(76.48% .1108 311.74);
+  --ctp-red: oklch(71.71% .1244 19.39);
+  --ctp-maroon: oklch(76.46% .0976 17.18);
+  --ctp-peach: oklch(77.27% .1106 47.73);
+  --ctp-yellow: oklch(84.43% .0795 83.47);
+  --ctp-green: oklch(81.24% .1071 133.39);
+  --ctp-teal: oklch(78.3% .073 184.64);
+  --ctp-sky: oklch(82.55% .0592 209.76);
+  --ctp-sapphire: oklch(77.96% .0727 227.88);
+  --ctp-blue: oklch(74.2% .1044 265.66);
+  --ctp-lavender: oklch(80.99% .0759 283.74);
+  --ctp-text: oklch(86.19% .0526 273.35);
+  --ctp-subtext1: oklch(80.84% .0507 272.68);
+  --ctp-subtext0: oklch(75.24% .0483 274.47);
+  --ctp-overlay2: oklch(69.7% .0464 273.78);
+  --ctp-overlay1: oklch(64.01% .043 272.61);
+  --ctp-overlay0: oklch(58.09% .0421 275.2);
+  --ctp-surface2: oklch(52.11% .0386 274);
+  --ctp-surface1: oklch(46.01% .0367 272.97);
+  --ctp-surface0: oklch(39.49% .0342 275.9);
+  --ctp-base: oklch(32.91% .0324 274.76);
+  --ctp-mantle: oklch(29.73% .0294 276.21);
+  --ctp-crust: oklch(27.2% .0264 275.12);
+  --background: var(--ctp-base);
+  --background-secondary: var(--ctp-mantle);
+  --background-hover: var(--ctp-surface0);
+  --background-selected: var(--ctp-surface1);
+  --background-selected-hover: var(--ctp-surface2);
+  --background-high-contrast: var(--ctp-crust);
+  --border-muted: var(--ctp-surface0);
+  --border: var(--ctp-surface1);
+  --border-strong: var(--ctp-surface2);
+  --border-inked: var(--ctp-text);
+  --border-inverse: var(--ctp-base);
+  --border-focus: var(--ctp-lavender);
+  --button: var(--ctp-mauve);
+  --button-hover: var(--ctp-lavender);
+  --button-active: var(--ctp-blue);
+  --button-disabled: var(--ctp-surface2);
+  --link: var(--ctp-blue);
+  --link-hover: var(--ctp-sky);
+  --link-subtle: var(--ctp-overlay1);
+  --link-visited: var(--ctp-lavender);
+  --support-error: var(--ctp-red);
+  --support-warning: var(--ctp-yellow);
+  --support-success: var(--ctp-green);
+  --support-info: var(--ctp-teal);
+  --content-primary: var(--ctp-text);
+  --content-secondary: var(--ctp-subtext1);
+  --content-secondary-alt: var(--ctp-subtext0);
+  --content-placeholder: var(--ctp-overlay1);
+  --content-on-color: var(--ctp-base);
+  --content-error: var(--ctp-red);
+  --content-success: var(--ctp-green);
+  --content-inked: var(--ctp-text);
+}
+
+[data-new-ui-theme="catppuccin-macchiato"] {
+  color-scheme: dark;
+  --ctp-rosewater: oklch(91.05% .0286 31.13);
+  --ctp-flamingo: oklch(86.29% .0479 18.12);
+  --ctp-pink: oklch(86.08% .083 336.18);
+  --ctp-mauve: oklch(77.15% .1259 303.9);
+  --ctp-red: oklch(73.7% .1252 11.19);
+  --ctp-maroon: oklch(77.02% .1024 14.37);
+  --ctp-peach: oklch(79.88% .1061 49.64);
+  --ctp-yellow: oklch(87.9% .0744 84.75);
+  --ctp-green: oklch(83.5% .1079 138.15);
+  --ctp-teal: oklch(82.14% .0755 184.1);
+  --ctp-sky: oklch(83.69% .0719 209.37);
+  --ctp-sapphire: oklch(78.51% .0845 228.38);
+  --ctp-blue: oklch(74.97% .1101 263.81);
+  --ctp-lavender: oklch(81.44% .0834 279.85);
+  --ctp-text: oklch(87.08% .0481 273.67);
+  --ctp-subtext1: oklch(81.2% .0459 274.27);
+  --ctp-subtext0: oklch(75.13% .0441 273.53);
+  --ctp-overlay2: oklch(69.05% .0433 274.54);
+  --ctp-overlay1: oklch(62.72% .0415 273.73);
+  --ctp-overlay0: oklch(56.08% .0407 276.47);
+  --ctp-surface2: oklch(49.39% .0389 275.68);
+  --ctp-surface1: oklch(42.59% .0385 276.95);
+  --ctp-surface0: oklch(35.38% .0369 275.99);
+  --ctp-base: oklch(27.88% .0353 276.94);
+  --ctp-mantle: oklch(24.93% .0305 278.44);
+  --ctp-crust: oklch(21.88% .0255 280.66);
+  --background: var(--ctp-base);
+  --background-secondary: var(--ctp-mantle);
+  --background-hover: var(--ctp-surface0);
+  --background-selected: var(--ctp-surface1);
+  --background-selected-hover: var(--ctp-surface2);
+  --background-high-contrast: var(--ctp-crust);
+  --border-muted: var(--ctp-surface0);
+  --border: var(--ctp-surface1);
+  --border-strong: var(--ctp-surface2);
+  --border-inked: var(--ctp-text);
+  --border-inverse: var(--ctp-base);
+  --border-focus: var(--ctp-lavender);
+  --button: var(--ctp-mauve);
+  --button-hover: var(--ctp-lavender);
+  --button-active: var(--ctp-blue);
+  --button-disabled: var(--ctp-surface2);
+  --link: var(--ctp-blue);
+  --link-hover: var(--ctp-sky);
+  --link-subtle: var(--ctp-overlay1);
+  --link-visited: var(--ctp-lavender);
+  --support-error: var(--ctp-red);
+  --support-warning: var(--ctp-yellow);
+  --support-success: var(--ctp-green);
+  --support-info: var(--ctp-teal);
+  --content-primary: var(--ctp-text);
+  --content-secondary: var(--ctp-subtext1);
+  --content-secondary-alt: var(--ctp-subtext0);
+  --content-placeholder: var(--ctp-overlay1);
+  --content-on-color: var(--ctp-base);
+  --content-error: var(--ctp-red);
+  --content-success: var(--ctp-green);
+  --content-inked: var(--ctp-text);
+}
+
+[data-new-ui-theme="catppuccin-mocha"] {
+  color-scheme: dark;
+  --ctp-rosewater: oklch(92.26% .0238 30.49);
+  --ctp-flamingo: oklch(87.97% .0418 17.98);
+  --ctp-pink: oklch(87% .0752 336.3);
+  --ctp-mauve: oklch(78.71% .1187 304.77);
+  --ctp-red: oklch(75.56% .1297 2.76);
+  --ctp-maroon: oklch(78.21% .0903 8.85);
+  --ctp-peach: oklch(82.37% .1015 52.63);
+  --ctp-yellow: oklch(91.93% .0704 86.53);
+  --ctp-green: oklch(85.77% .1092 142.72);
+  --ctp-teal: oklch(85.85% .0792 182.75);
+  --ctp-sky: oklch(84.67% .0833 210.25);
+  --ctp-sapphire: oklch(79.06% .0965 228.65);
+  --ctp-blue: oklch(76.64% .1113 259.88);
+  --ctp-lavender: oklch(81.66% .091 277.31);
+  --ctp-text: oklch(87.87% .0426 272.28);
+  --ctp-subtext1: oklch(81.68% .0403 272.86);
+  --ctp-subtext0: oklch(75.1% .0396 273.93);
+  --ctp-overlay2: oklch(68.65% .0374 274.73);
+  --ctp-overlay1: oklch(61.76% .0367 276);
+  --ctp-overlay0: oklch(54.97% .0345 277.1);
+  --ctp-surface2: oklch(47.65% .034 278.64);
+  --ctp-surface1: oklch(40.37% .032 280.15);
+  --ctp-surface0: oklch(32.4% .0319 281.98);
+  --ctp-base: oklch(24.29% .0304 283.91);
+  --ctp-mantle: oklch(21.55% .0254 284.06);
+  --ctp-crust: oklch(18.28% .0204 284.2);
+  --background: var(--ctp-base);
+  --background-secondary: var(--ctp-mantle);
+  --background-hover: var(--ctp-surface0);
+  --background-selected: var(--ctp-surface1);
+  --background-selected-hover: var(--ctp-surface2);
+  --background-high-contrast: var(--ctp-crust);
+  --border-muted: var(--ctp-surface0);
+  --border: var(--ctp-surface1);
+  --border-strong: var(--ctp-surface2);
+  --border-inked: var(--ctp-text);
+  --border-inverse: var(--ctp-base);
+  --border-focus: var(--ctp-lavender);
+  --button: var(--ctp-mauve);
+  --button-hover: var(--ctp-lavender);
+  --button-active: var(--ctp-blue);
+  --button-disabled: var(--ctp-surface2);
+  --link: var(--ctp-blue);
+  --link-hover: var(--ctp-sky);
+  --link-subtle: var(--ctp-overlay1);
+  --link-visited: var(--ctp-lavender);
+  --support-error: var(--ctp-red);
+  --support-warning: var(--ctp-yellow);
+  --support-success: var(--ctp-green);
+  --support-info: var(--ctp-teal);
+  --content-primary: var(--ctp-text);
+  --content-secondary: var(--ctp-subtext1);
+  --content-secondary-alt: var(--ctp-subtext0);
+  --content-placeholder: var(--ctp-overlay1);
+  --content-on-color: var(--ctp-base);
+  --content-error: var(--ctp-red);
+  --content-success: var(--ctp-green);
+  --content-inked: var(--ctp-text);
+}
+
+[data-new-ui-theme="tokyo-night"] {
+  color-scheme: dark;
+  --tn-bg: oklch(22.63% .0214 280.49);
+  --tn-bg-dark: oklch(20.4% .0158 284.91);
+  --tn-bg-highlight: oklch(30.56% .0369 273.23);
+  --tn-terminal-black: oklch(35.88% .0439 275.25);
+  --tn-fg: oklch(76.66% .0537 275.49);
+  --tn-fg-bright: oklch(84.56% .0611 274.76);
+  --tn-fg-dark: oklch(59.34% .0444 278.79);
+  --tn-comment: oklch(49.55% .0682 274.37);
+  --tn-blue: oklch(71.9% .1322 264.2);
+  --tn-cyan: oklch(82% .1051 235.72);
+  --tn-teal: oklch(67.26% .0944 208.79);
+  --tn-green: oklch(79.53% .1395 130.14);
+  --tn-red: oklch(72.27% .1589 10.28);
+  --tn-magenta: oklch(75.15% .1344 299.5);
+  --tn-orange: oklch(78.7% .1373 50.56);
+  --tn-yellow: oklch(78.39% .1057 75.43);
+  --tn-button: oklch(47.94% .1207 266.01);
+  --tn-link: oklch(60.79% .0941 260.07);
+  --background: var(--tn-bg);
+  --background-secondary: var(--tn-bg-dark);
+  --background-hover: oklch(25.91% .0249 274.44);
+  --background-selected: var(--tn-bg-highlight);
+  --background-selected-hover: var(--tn-terminal-black);
+  --background-high-contrast: oklch(17.49% .0082 285.52);
+  --border-muted: var(--tn-bg-highlight);
+  --border: var(--tn-terminal-black);
+  --border-strong: var(--tn-comment);
+  --border-inked: var(--tn-fg-bright);
+  --border-inverse: var(--tn-bg);
+  --border-focus: var(--tn-blue);
+  --button: var(--tn-button);
+  --button-hover: var(--tn-blue);
+  --button-active: var(--tn-link);
+  --button-disabled: var(--tn-comment);
+  --link: var(--tn-link);
+  --link-hover: var(--tn-cyan);
+  --link-subtle: var(--tn-comment);
+  --link-visited: var(--tn-magenta);
+  --support-error: var(--tn-red);
+  --support-warning: var(--tn-yellow);
+  --support-success: var(--tn-green);
+  --support-info: var(--tn-blue);
+  --content-primary: var(--tn-fg-bright);
+  --content-secondary: var(--tn-fg);
+  --content-secondary-alt: var(--tn-fg-dark);
+  --content-placeholder: var(--tn-comment);
+  --content-on-color: oklch(100% 0 0);
+  --content-error: var(--tn-red);
+  --content-success: var(--tn-green);
+  --content-inked: var(--tn-fg-bright);
+}
+
+[data-new-ui-theme="night-owl"] {
+  color-scheme: dark;
+  --no-bg: oklch(19.28% .0452 243.97);
+  --no-bg-elevated: oklch(25.62% .0508 246.06);
+  --no-bg-hover: oklch(27.22% .0525 246.03);
+  --no-bg-deep: oklch(16.94% .0357 239.42);
+  --no-selection: oklch(34.09% .0556 244.62);
+  --no-selection-hover: oklch(40.74% .0754 246.24);
+  --no-fg: oklch(89.84% .0198 260.17);
+  --no-fg-muted: oklch(70.61% .0452 244.18);
+  --no-comment: oklch(55.31% .0236 196.49);
+  --no-slate: oklch(57.88% .0525 243.13);
+  --no-slate-strong: oklch(66.44% .0422 243.79);
+  --no-purple: oklch(54.95% .1615 297.66);
+  --no-purple-light: oklch(72.42% .115 290.1);
+  --no-teal: oklch(79.12% .0755 188.24);
+  --no-blue: oklch(74.41% .1311 264.28);
+  --no-magenta: oklch(74.27% .1348 311.06);
+  --no-string: oklch(84.25% .0844 75.06);
+  --no-red: oklch(65.39% .1926 25.14);
+  --no-green: oklch(77.99% .2035 150.74);
+  --no-yellow: oklch(86.22% .1681 88.31);
+  --no-info: oklch(74.82% .1235 244.75);
+  --background: var(--no-bg);
+  --background-secondary: var(--no-bg-elevated);
+  --background-hover: var(--no-bg-hover);
+  --background-selected: var(--no-selection);
+  --background-selected-hover: var(--no-selection-hover);
+  --background-high-contrast: var(--no-bg-deep);
+  --border-muted: var(--no-bg-hover);
+  --border: var(--no-slate);
+  --border-strong: var(--no-slate-strong);
+  --border-inked: var(--no-fg);
+  --border-inverse: var(--no-bg);
+  --border-focus: var(--no-blue);
+  --button: var(--no-purple);
+  --button-hover: var(--no-purple-light);
+  --button-active: var(--no-purple-light);
+  --button-disabled: var(--no-slate);
+  --link: var(--no-teal);
+  --link-hover: var(--no-blue);
+  --link-subtle: var(--no-comment);
+  --link-visited: var(--no-magenta);
+  --support-error: var(--no-red);
+  --support-warning: var(--no-yellow);
+  --support-success: var(--no-green);
+  --support-info: var(--no-info);
+  --content-primary: var(--no-fg);
+  --content-secondary: var(--no-fg-muted);
+  --content-secondary-alt: var(--no-slate);
+  --content-placeholder: var(--no-comment);
+  --content-on-color: oklch(100% 0 0);
+  --content-error: var(--no-red);
+  --content-success: var(--no-green);
+  --content-inked: oklch(100% 0 0);
+}
+
+[data-new-ui-theme="ayu-dark"] {
+  color-scheme: dark;
+  --ayu-bg: oklch(19.1% .0175 264.03);
+  --ayu-bg-dark: oklch(17.33% .0154 266.68);
+  --ayu-line: oklch(21.84% .0206 267.71);
+  --ayu-panel: oklch(23.98% .0201 267.83);
+  --ayu-fg: oklch(79.8% .01 93.6);
+  --ayu-ui: oklch(49.99% .0354 266.87);
+  --ayu-comment: oklch(50.48% .0254 250.44);
+  --ayu-accent: oklch(79.68% .1298 82.17);
+  --ayu-accent-hover: oklch(77.66% .1265 82.42);
+  --ayu-on-accent: oklch(48.75% .0802 82.51);
+  --ayu-tag: oklch(73.86% .1251 225.66);
+  --ayu-entity: oklch(77.71% .1301 237.29);
+  --ayu-constant: oklch(79.7% .1307 306.33);
+  --ayu-string: oklch(82.51% .1745 125.84);
+  --ayu-keyword: oklch(75.82% .1627 52.42);
+  --ayu-func: oklch(82.38% .1408 70.17);
+  --ayu-operator: oklch(75.83% .1268 46.79);
+  --ayu-regexp: oklch(86.51% .0884 171.1);
+  --ayu-vcs-added: oklch(73.02% .161 138.56);
+  --ayu-vcs-modified: oklch(76.56% .1243 250.38);
+  --ayu-vcs-removed: oklch(69.82% .1638 17.29);
+  --ayu-error: oklch(62.57% .164 23.07);
+  --ayu-warning: oklch(81.36% .1445 70.04);
+  --background: var(--ayu-bg);
+  --background-secondary: var(--ayu-bg-dark);
+  --background-hover: var(--ayu-line);
+  --background-selected: var(--ayu-panel);
+  --background-selected-hover: oklch(27.73% .0234 267.18);
+  --background-high-contrast: var(--ayu-bg-dark);
+  --border-muted: var(--ayu-panel);
+  --border: var(--ayu-ui);
+  --border-strong: var(--ayu-comment);
+  --border-inked: var(--ayu-fg);
+  --border-inverse: var(--ayu-bg);
+  --border-focus: var(--ayu-accent);
+  --button: var(--ayu-accent);
+  --button-hover: var(--ayu-accent-hover);
+  --button-active: var(--ayu-func);
+  --button-disabled: var(--ayu-ui);
+  --link: var(--ayu-tag);
+  --link-hover: var(--ayu-entity);
+  --link-subtle: var(--ayu-comment);
+  --link-visited: var(--ayu-constant);
+  --support-error: var(--ayu-error);
+  --support-warning: var(--ayu-warning);
+  --support-success: var(--ayu-vcs-added);
+  --support-info: var(--ayu-tag);
+  --content-primary: var(--ayu-fg);
+  --content-secondary: var(--ayu-ui);
+  --content-secondary-alt: var(--ayu-comment);
+  --content-placeholder: var(--ayu-comment);
+  --content-on-color: var(--ayu-on-accent);
+  --content-error: var(--ayu-error);
+  --content-success: var(--ayu-vcs-added);
+  --content-inked: oklch(100% 0 0);
+}
+
+[data-new-ui-theme="flexoki-light"] {
+  color-scheme: light;
+  --fk-paper: oklch(99.01% .0161 95.22);
+  --fk-base-50: oklch(95.37% .0147 98.29);
+  --fk-base-100: oklch(91.74% .0149 98.3);
+  --fk-base-150: oklch(88.1% .0137 97.46);
+  --fk-base-200: oklch(84.63% .0137 102.05);
+  --fk-base-300: oklch(77.21% .0128 96.47);
+  --fk-base-400: oklch(69.56% .0103 93.62);
+  --fk-base-500: oklch(61.69% .0078 88.67);
+  --fk-base-600: oklch(53.75% .0078 97.45);
+  --fk-base-700: oklch(45.31% .005 91.5);
+  --fk-base-800: oklch(36.51% .0044 67.69);
+  --fk-base-850: oklch(32.14% .0038 84.58);
+  --fk-base-900: oklch(27.34% .0023 67.73);
+  --fk-base-950: oklch(22.28% .0025 67.7);
+  --fk-black: oklch(16.96% .0017 17.32);
+  --fk-red: oklch(50.42% .1648 27.84);
+  --fk-orange: oklch(56.65% .1523 45.02);
+  --fk-yellow: oklch(63.33% .1295 85.81);
+  --fk-green: oklch(55.93% .1335 122.92);
+  --fk-cyan: oklch(55.44% .0863 186.74);
+  --fk-blue: oklch(48.18% .1315 254.79);
+  --fk-purple: oklch(45.4% .1451 294.83);
+  --fk-magenta: oklch(49.54% .1614 349.76);
+  --background: var(--fk-paper);
+  --background-secondary: var(--fk-base-50);
+  --background-hover: var(--fk-base-100);
+  --background-selected: var(--fk-base-150);
+  --background-selected-hover: var(--fk-base-200);
+  --background-high-contrast: var(--fk-paper);
+  --border-muted: var(--fk-base-100);
+  --border: var(--fk-base-200);
+  --border-strong: var(--fk-base-300);
+  --border-inked: var(--fk-black);
+  --border-inverse: var(--fk-paper);
+  --border-focus: var(--fk-blue);
+  --button: var(--fk-purple);
+  --button-hover: var(--fk-magenta);
+  --button-active: var(--fk-magenta);
+  --button-disabled: var(--fk-base-300);
+  --link: var(--fk-blue);
+  --link-hover: var(--fk-cyan);
+  --link-subtle: var(--fk-base-500);
+  --link-visited: var(--fk-purple);
+  --support-error: var(--fk-red);
+  --support-warning: var(--fk-yellow);
+  --support-success: var(--fk-green);
+  --support-info: var(--fk-blue);
+  --content-primary: var(--fk-base-800);
+  --content-secondary: var(--fk-base-600);
+  --content-secondary-alt: var(--fk-base-500);
+  --content-placeholder: var(--fk-base-400);
+  --content-on-color: var(--fk-paper);
+  --content-error: var(--fk-red);
+  --content-success: var(--fk-green);
+  --content-inked: var(--fk-black);
+}
+
+[data-new-ui-theme="flexoki-dark"] {
+  color-scheme: dark;
+  --fk-paper: oklch(99.01% .0161 95.22);
+  --fk-base-50: oklch(95.37% .0147 98.29);
+  --fk-base-100: oklch(91.74% .0149 98.3);
+  --fk-base-150: oklch(88.1% .0137 97.46);
+  --fk-base-200: oklch(84.63% .0137 102.05);
+  --fk-base-300: oklch(77.21% .0128 96.47);
+  --fk-base-400: oklch(69.56% .0103 93.62);
+  --fk-base-500: oklch(61.69% .0078 88.67);
+  --fk-base-600: oklch(53.75% .0078 97.45);
+  --fk-base-700: oklch(45.31% .005 91.5);
+  --fk-base-800: oklch(36.51% .0044 67.69);
+  --fk-base-850: oklch(32.14% .0038 84.58);
+  --fk-base-900: oklch(27.34% .0023 67.73);
+  --fk-base-950: oklch(22.28% .0025 67.7);
+  --fk-black: oklch(16.96% .0017 17.32);
+  --fk-red: oklch(59.7% .1692 28.38);
+  --fk-orange: oklch(65.76% .1539 49.3);
+  --fk-yellow: oklch(73.46% .1462 87.46);
+  --fk-green: oklch(65.13% .1242 119.38);
+  --fk-cyan: oklch(67.01% .0999 186.58);
+  --fk-blue: oklch(59.88% .1104 247);
+  --fk-purple: oklch(63.48% .1098 291);
+  --fk-magenta: oklch(63.48% .1565 350.47);
+  --background: var(--fk-black);
+  --background-secondary: var(--fk-base-950);
+  --background-hover: var(--fk-base-900);
+  --background-selected: var(--fk-base-850);
+  --background-selected-hover: var(--fk-base-800);
+  --background-high-contrast: var(--fk-black);
+  --border-muted: var(--fk-base-900);
+  --border: var(--fk-base-800);
+  --border-strong: var(--fk-base-700);
+  --border-inked: var(--fk-base-200);
+  --border-inverse: var(--fk-black);
+  --border-focus: var(--fk-blue);
+  --button: var(--fk-purple);
+  --button-hover: var(--fk-magenta);
+  --button-active: var(--fk-magenta);
+  --button-disabled: var(--fk-base-700);
+  --link: var(--fk-blue);
+  --link-hover: var(--fk-cyan);
+  --link-subtle: var(--fk-base-500);
+  --link-visited: var(--fk-purple);
+  --support-error: var(--fk-red);
+  --support-warning: var(--fk-yellow);
+  --support-success: var(--fk-green);
+  --support-info: var(--fk-blue);
+  --content-primary: var(--fk-base-200);
+  --content-secondary: var(--fk-base-400);
+  --content-secondary-alt: var(--fk-base-500);
+  --content-placeholder: var(--fk-base-600);
+  --content-on-color: var(--fk-paper);
+  --content-error: var(--fk-red);
+  --content-success: var(--fk-green);
+  --content-inked: var(--fk-paper);
+}
+
+[data-new-ui-theme="aura"] {
+  color-scheme: dark;
+  --au-bg: oklch(19.57% .014 291.6);
+  --au-bg-panel: oklch(17.83% .0126 300.35);
+  --au-bg-sidebar: oklch(17.54% .0186 294.6);
+  --au-shadow: oklch(16.84% 0 0);
+  --au-surface: oklch(29.78% .0236 295.51);
+  --au-surface-alt: oklch(34% .0426 299.43);
+  --au-selection: oklch(36.16% .0665 289.71);
+  --au-line: oklch(29.72% 0 0);
+  --au-fg: oklch(94.44% .0029 308.43);
+  --au-fg-secondary: oklch(84.66% .0029 308.42);
+  --au-fg-muted: oklch(74.58% .003 308.42);
+  --au-comment: oklch(53.48% 0 0);
+  --au-purple: oklch(67.4% .1945 295.27);
+  --au-green: oklch(90.27% .153 167.27);
+  --au-green-hover: oklch(73.55% .1233 167.69);
+  --au-orange: oklch(87.1% .1052 73.04);
+  --au-pink: oklch(80.44% .1774 323.99);
+  --au-red: oklch(70.59% .186 23.12);
+  --au-blue: oklch(86.4% .0992 219.55);
+  --au-on-accent: oklch(19.57% .014 291.6);
+  --background: var(--au-bg);
+  --background-secondary: var(--au-bg-panel);
+  --background-hover: var(--au-surface-alt);
+  --background-selected: var(--au-surface);
+  --background-selected-hover: var(--au-selection);
+  --background-high-contrast: var(--au-shadow);
+  --border-muted: var(--au-line);
+  --border: var(--au-surface-alt);
+  --border-strong: var(--au-comment);
+  --border-inked: var(--au-fg);
+  --border-inverse: var(--au-bg);
+  --border-focus: var(--au-purple);
+  --button: var(--au-green);
+  --button-hover: var(--au-green-hover);
+  --button-active: var(--au-green-hover);
+  --button-disabled: var(--au-surface-alt);
+  --link: var(--au-purple);
+  --link-hover: var(--au-pink);
+  --link-subtle: var(--au-comment);
+  --link-visited: var(--au-blue);
+  --support-error: var(--au-red);
+  --support-warning: var(--au-orange);
+  --support-success: var(--au-green);
+  --support-info: var(--au-blue);
+  --content-primary: var(--au-fg);
+  --content-secondary: var(--au-fg-secondary);
+  --content-secondary-alt: var(--au-fg-muted);
+  --content-placeholder: var(--au-comment);
+  --content-on-color: var(--au-on-accent);
+  --content-error: var(--au-red);
+  --content-success: var(--au-green);
+  --content-inked: oklch(100% 0 0);
+}
+
+[data-new-ui-theme="synthwave-84"] {
+  color-scheme: dark;
+  --sw-bg: oklch(26.79% .0333 291.63);
+  --sw-bg-panel: oklch(24.27% .0392 304.3);
+  --sw-bg-deep: oklch(20.35% .0219 292.68);
+  --sw-input: oklch(26.98% .0451 300.67);
+  --sw-menu: oklch(36.89% .0837 299.21);
+  --sw-selected: oklch(31.25% .0672 295.59);
+  --sw-hover: oklch(31.46% .0646 300.68);
+  --sw-indent: oklch(38.69% .0253 291.28);
+  --sw-border: oklch(46.85% .1057 274.36);
+  --sw-fg: oklch(100% 0 0);
+  --sw-fg-muted: oklch(76.45% .0057 17.28);
+  --sw-comment: oklch(65% .0751 277.93);
+  --sw-purple: oklch(46.54% .0909 299.31);
+  --sw-coral: oklch(73.07% .1525 27.16);
+  --sw-pink: oklch(76.91% .1889 339.11);
+  --sw-yellow: oklch(90.39% .1495 95.27);
+  --sw-cyan: oklch(86.09% .1462 201.35);
+  --sw-green: oklch(87.06% .1402 161.99);
+  --sw-red: oklch(66.35% .221 22.42);
+  --sw-mauve: oklch(71.79% .093 312.54);
+  --sw-on-accent: oklch(26.98% .0451 300.67);
+  --background: var(--sw-bg);
+  --background-secondary: var(--sw-bg-panel);
+  --background-hover: var(--sw-hover);
+  --background-selected: var(--sw-selected);
+  --background-selected-hover: var(--sw-menu);
+  --background-high-contrast: var(--sw-bg-deep);
+  --border-muted: var(--sw-indent);
+  --border: var(--sw-border);
+  --border-strong: var(--sw-purple);
+  --border-inked: var(--sw-fg);
+  --border-inverse: var(--sw-bg);
+  --border-focus: var(--sw-pink);
+  --button: var(--sw-coral);
+  --button-hover: var(--sw-pink);
+  --button-active: var(--sw-pink);
+  --button-disabled: var(--sw-border);
+  --link: var(--sw-coral);
+  --link-hover: var(--sw-pink);
+  --link-subtle: var(--sw-comment);
+  --link-visited: var(--sw-mauve);
+  --support-error: var(--sw-red);
+  --support-warning: var(--sw-yellow);
+  --support-success: var(--sw-green);
+  --support-info: var(--sw-cyan);
+  --content-primary: var(--sw-fg);
+  --content-secondary: var(--sw-fg-muted);
+  --content-secondary-alt: var(--sw-comment);
+  --content-placeholder: var(--sw-comment);
+  --content-on-color: var(--sw-on-accent);
+  --content-error: var(--sw-red);
+  --content-success: var(--sw-green);
+  --content-inked: oklch(100% 0 0);
+}
+
+[data-new-ui-theme="monokai"] {
+  color-scheme: dark;
+  --mk-bg: oklch(27.37% .0109 114.8);
+  --mk-bg-well: oklch(23.71% .0058 121.89);
+  --mk-line: oklch(35.74% .0184 103);
+  --mk-selection: oklch(37.77% .0168 116.39);
+  --mk-surface: oklch(39.5% .01 114.53);
+  --mk-border: oklch(32.59% .0104 114.66);
+  --mk-fg: oklch(97.75% .0079 106.55);
+  --mk-fg-secondary: oklch(84.38% .0068 106.55);
+  --mk-fg-muted: oklch(65.15% .0087 106.64);
+  --mk-comment: oklch(54.67% .0288 97.39);
+  --mk-focus: oklch(66.42% .0347 97.49);
+  --mk-green: oklch(84.14% .2044 127.29);
+  --mk-green-dark: oklch(71.18% .167 126.9);
+  --mk-pink: oklch(64.16% .24 7.47);
+  --mk-orange: oklch(76.68% .1683 62.37);
+  --mk-yellow: oklch(87.92% .1255 103.18);
+  --mk-cyan: oklch(82.69% .108 211.96);
+  --mk-cyan-dark: oklch(69.95% .0862 210.17);
+  --mk-purple: oklch(70.12% .1812 298.06);
+  --mk-on-accent: oklch(27.37% .0109 114.8);
+  --background: var(--mk-bg);
+  --background-secondary: var(--mk-bg-well);
+  --background-hover: var(--mk-line);
+  --background-selected: var(--mk-selection);
+  --background-selected-hover: var(--mk-surface);
+  --background-high-contrast: var(--mk-bg-well);
+  --border-muted: var(--mk-border);
+  --border: var(--mk-selection);
+  --border-strong: var(--mk-comment);
+  --border-inked: var(--mk-fg);
+  --border-inverse: var(--mk-bg);
+  --border-focus: var(--mk-focus);
+  --button: var(--mk-green);
+  --button-hover: var(--mk-green-dark);
+  --button-active: var(--mk-green-dark);
+  --button-disabled: var(--mk-comment);
+  --link: var(--mk-cyan);
+  --link-hover: var(--mk-cyan-dark);
+  --link-subtle: var(--mk-comment);
+  --link-visited: var(--mk-purple);
+  --support-error: var(--mk-pink);
+  --support-warning: var(--mk-orange);
+  --support-success: var(--mk-green);
+  --support-info: var(--mk-cyan);
+  --content-primary: var(--mk-fg);
+  --content-secondary: var(--mk-fg-secondary);
+  --content-secondary-alt: var(--mk-fg-muted);
+  --content-placeholder: var(--mk-comment);
+  --content-on-color: var(--mk-on-accent);
+  --content-error: var(--mk-pink);
+  --content-success: var(--mk-green);
+  --content-inked: oklch(100% 0 0);
+}
+
+[data-new-ui-theme="sargam-light"] {
+  color-scheme: light;
+  --sg-red8: oklch(30.44% .101 26.17);
+  --sg-red7: oklch(43.38% .151 26.97);
+  --sg-red6: oklch(55.17% .197 27.37);
+  --sg-red5: oklch(62.76% .227 27.39);
+  --sg-red4: oklch(66.47% .198 25.21);
+  --sg-red3: oklch(71.36% .161 22.89);
+  --sg-red2: oklch(87.4% .062 19.64);
+  --sg-red1: oklch(98.23% .00857558 17.3027);
+  --sg-yellow8: oklch(41.38% .082 97.18);
+  --sg-yellow7: oklch(59.05% .119 95.65);
+  --sg-yellow6: oklch(75.67% .153 95.46);
+  --sg-yellow5: oklch(86.16% .175 95.34);
+  --sg-yellow4: oklch(88.08% .168 97.07);
+  --sg-yellow3: oklch(89.85% .149 97.89);
+  --sg-yellow2: oklch(95.6% .07 98.78);
+  --sg-yellow1: oklch(99.34% .0107311 95.1593);
+  --sg-green8: oklch(31.32% .083 148.5);
+  --sg-green7: oklch(44.09% .122 147.81);
+  --sg-green6: oklch(55.99% .159 147.49);
+  --sg-green5: oklch(63.66% .183 147.22);
+  --sg-green4: oklch(68.54% .164 149.56);
+  --sg-green3: oklch(73.91% .138 151.77);
+  --sg-green2: oklch(88.81% .057 155.23);
+  --sg-green1: oklch(98.32% .007 151.89);
+  --sg-teal8: oklch(31.18% .052 188.89);
+  --sg-teal7: oklch(43.57% .073 189.66);
+  --sg-teal6: oklch(55.39% .094 189.13);
+  --sg-teal5: oklch(62.84% .107 189.16);
+  --sg-teal4: oklch(68.08% .105 190.16);
+  --sg-teal3: oklch(73.51% .093 191.77);
+  --sg-teal2: oklch(88.92% .043 192.75);
+  --sg-teal1: oklch(97.99% .007 197.04);
+  --sg-lavender8: oklch(27.7% .061 314.12);
+  --sg-lavender7: oklch(38.1% .095 314.62);
+  --sg-lavender6: oklch(48.06% .125 314.21);
+  --sg-lavender5: oklch(54.39% .144 314.4);
+  --sg-lavender4: oklch(61.74% .12 314.62);
+  --sg-lavender3: oklch(69.01% .097 314.82);
+  --sg-lavender2: oklch(87.47% .037 314.62);
+  --sg-lavender1: oklch(98.18% .006 308.4);
+  --sg-pink8: oklch(33.08% .1 354.04);
+  --sg-pink7: oklch(46.99% .151 355.63);
+  --sg-pink6: oklch(59.82% .197 355.72);
+  --sg-pink5: oklch(67.97% .226 355.85);
+  --sg-pink4: oklch(71.58% .198 353.42);
+  --sg-pink3: oklch(75.96% .161 351.77);
+  --sg-pink2: oklch(89.37% .066 347.5);
+  --sg-pink1: oklch(98.54% .008 349.24);
+  --sg-silver10: oklch(16.96% .0017 17.32);
+  --sg-silver9: oklch(23.19% .0015 17.27);
+  --sg-silver8: oklch(28.97% .0023 67.73);
+  --sg-silver7: oklch(38.76% .0013 17.22);
+  --sg-silver6: oklch(55.08% .0061 106.6);
+  --sg-silver5: oklch(80.45% .0086 91.5);
+  --sg-silver4: oklch(88.49% .0097 93.58);
+  --sg-silver3: oklch(92.18% .0083 91.49);
+  --sg-silver2: oklch(97.66% .0017 67.8);
+  --sg-silver1: oklch(100% 0 0);
+  --background: var(--sg-silver1);
+  --background-secondary: var(--sg-silver2);
+  --background-hover: var(--sg-silver2);
+  --background-selected: var(--sg-silver3);
+  --background-selected-hover: var(--sg-silver4);
+  --background-high-contrast: var(--sg-silver1);
+  --border-muted: var(--sg-silver3);
+  --border: var(--sg-silver5);
+  --border-strong: var(--sg-silver6);
+  --border-inked: var(--sg-silver9);
+  --border-inverse: var(--sg-silver1);
+  --border-focus: var(--sg-teal6);
+  --button: var(--sg-teal6);
+  --button-hover: var(--sg-teal7);
+  --button-active: var(--sg-teal8);
+  --button-disabled: var(--sg-silver4);
+  --link: var(--sg-teal6);
+  --link-hover: var(--sg-teal7);
+  --link-subtle: var(--sg-teal5);
+  --link-visited: var(--sg-lavender6);
+  --support-error: var(--sg-red6);
+  --support-warning: var(--sg-yellow7);
+  --support-success: var(--sg-green6);
+  --support-info: var(--sg-teal6);
+  --content-primary: var(--sg-silver9);
+  --content-secondary: var(--sg-silver6);
+  --content-secondary-alt: var(--sg-silver7);
+  --content-placeholder: var(--sg-silver5);
+  --content-on-color: var(--sg-silver1);
+  --content-error: var(--sg-red6);
+  --content-success: var(--sg-green7);
+  --content-inked: var(--sg-silver10);
+}
+
+[data-new-ui-theme="sargam-dark"] {
+  color-scheme: dark;
+  --sg-red8: oklch(30.44% .101 26.17);
+  --sg-red7: oklch(43.38% .151 26.97);
+  --sg-red6: oklch(55.17% .197 27.37);
+  --sg-red5: oklch(62.76% .227 27.39);
+  --sg-red4: oklch(66.47% .198 25.21);
+  --sg-red3: oklch(71.36% .161 22.89);
+  --sg-red2: oklch(87.4% .062 19.64);
+  --sg-red1: oklch(98.23% .00857558 17.3027);
+  --sg-yellow8: oklch(41.38% .082 97.18);
+  --sg-yellow7: oklch(59.05% .119 95.65);
+  --sg-yellow6: oklch(75.67% .153 95.46);
+  --sg-yellow5: oklch(86.16% .175 95.34);
+  --sg-yellow4: oklch(88.08% .168 97.07);
+  --sg-yellow3: oklch(89.85% .149 97.89);
+  --sg-yellow2: oklch(95.6% .07 98.78);
+  --sg-yellow1: oklch(99.34% .0107311 95.1593);
+  --sg-green8: oklch(31.32% .083 148.5);
+  --sg-green7: oklch(44.09% .122 147.81);
+  --sg-green6: oklch(55.99% .159 147.49);
+  --sg-green5: oklch(63.66% .183 147.22);
+  --sg-green4: oklch(68.54% .164 149.56);
+  --sg-green3: oklch(73.91% .138 151.77);
+  --sg-green2: oklch(88.81% .057 155.23);
+  --sg-green1: oklch(98.32% .007 151.89);
+  --sg-teal8: oklch(31.18% .052 188.89);
+  --sg-teal7: oklch(43.57% .073 189.66);
+  --sg-teal6: oklch(55.39% .094 189.13);
+  --sg-teal5: oklch(62.84% .107 189.16);
+  --sg-teal4: oklch(68.08% .105 190.16);
+  --sg-teal3: oklch(73.51% .093 191.77);
+  --sg-teal2: oklch(88.92% .043 192.75);
+  --sg-teal1: oklch(97.99% .007 197.04);
+  --sg-lavender8: oklch(27.7% .061 314.12);
+  --sg-lavender7: oklch(38.1% .095 314.62);
+  --sg-lavender6: oklch(48.06% .125 314.21);
+  --sg-lavender5: oklch(54.39% .144 314.4);
+  --sg-lavender4: oklch(61.74% .12 314.62);
+  --sg-lavender3: oklch(69.01% .097 314.82);
+  --sg-lavender2: oklch(87.47% .037 314.62);
+  --sg-lavender1: oklch(98.18% .006 308.4);
+  --sg-pink8: oklch(33.08% .1 354.04);
+  --sg-pink7: oklch(46.99% .151 355.63);
+  --sg-pink6: oklch(59.82% .197 355.72);
+  --sg-pink5: oklch(67.97% .226 355.85);
+  --sg-pink4: oklch(71.58% .198 353.42);
+  --sg-pink3: oklch(75.96% .161 351.77);
+  --sg-pink2: oklch(89.37% .066 347.5);
+  --sg-pink1: oklch(98.54% .008 349.24);
+  --sg-silver10: oklch(16.96% .0017 17.32);
+  --sg-silver9: oklch(23.19% .0015 17.27);
+  --sg-silver8: oklch(28.97% .0023 67.73);
+  --sg-silver7: oklch(38.76% .0013 17.22);
+  --sg-silver6: oklch(55.08% .0061 106.6);
+  --sg-silver5: oklch(80.45% .0086 91.5);
+  --sg-silver4: oklch(88.49% .0097 93.58);
+  --sg-silver3: oklch(92.18% .0083 91.49);
+  --sg-silver2: oklch(97.66% .0017 67.8);
+  --sg-silver1: oklch(100% 0 0);
+  --background: var(--sg-silver10);
+  --background-secondary: var(--sg-silver9);
+  --background-hover: var(--sg-silver9);
+  --background-selected: var(--sg-silver8);
+  --background-selected-hover: var(--sg-silver7);
+  --background-high-contrast: var(--sg-silver10);
+  --border-muted: var(--sg-silver8);
+  --border: var(--sg-silver7);
+  --border-strong: var(--sg-silver6);
+  --border-inked: var(--sg-silver1);
+  --border-inverse: var(--sg-silver10);
+  --border-focus: var(--sg-teal4);
+  --button: var(--sg-teal4);
+  --button-hover: var(--sg-teal3);
+  --button-active: var(--sg-teal2);
+  --button-disabled: var(--sg-silver8);
+  --link: var(--sg-teal4);
+  --link-hover: var(--sg-teal6);
+  --link-subtle: var(--sg-teal5);
+  --link-visited: var(--sg-lavender4);
+  --support-error: var(--sg-red4);
+  --support-warning: var(--sg-yellow4);
+  --support-success: var(--sg-green4);
+  --support-info: var(--sg-teal4);
+  --content-primary: var(--sg-silver1);
+  --content-secondary: var(--sg-silver4);
+  --content-secondary-alt: var(--sg-silver3);
+  --content-placeholder: var(--sg-silver6);
+  --content-on-color: var(--sg-silver10);
+  --content-error: var(--sg-red3);
+  --content-success: var(--sg-green3);
+  --content-inked: var(--sg-silver1);
+}
+/*# sourceMappingURL=index.css.map */