@new-ui/themes 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/LICENSE +29 -0
  2. package/README.md +113 -0
  3. package/dist/index.css +941 -0
  4. package/dist/index.css.map +1 -0
  5. package/dist/index.min.css +2 -0
  6. package/dist/index.min.css.map +1 -0
  7. package/dist/themes/aura.css +56 -0
  8. package/dist/themes/aura.css.map +1 -0
  9. package/dist/themes/ayu-dark.css +59 -0
  10. package/dist/themes/ayu-dark.css.map +1 -0
  11. package/dist/themes/catppuccin-frappe.css +62 -0
  12. package/dist/themes/catppuccin-frappe.css.map +1 -0
  13. package/dist/themes/catppuccin-latte.css +62 -0
  14. package/dist/themes/catppuccin-latte.css.map +1 -0
  15. package/dist/themes/catppuccin-macchiato.css +62 -0
  16. package/dist/themes/catppuccin-macchiato.css.map +1 -0
  17. package/dist/themes/catppuccin-mocha.css +62 -0
  18. package/dist/themes/catppuccin-mocha.css.map +1 -0
  19. package/dist/themes/dracula.css +48 -0
  20. package/dist/themes/dracula.css.map +1 -0
  21. package/dist/themes/flexoki-dark.css +59 -0
  22. package/dist/themes/flexoki-dark.css.map +1 -0
  23. package/dist/themes/flexoki-light.css +59 -0
  24. package/dist/themes/flexoki-light.css.map +1 -0
  25. package/dist/themes/monokai.css +56 -0
  26. package/dist/themes/monokai.css.map +1 -0
  27. package/dist/themes/night-owl.css +57 -0
  28. package/dist/themes/night-owl.css.map +1 -0
  29. package/dist/themes/sargam-dark.css +94 -0
  30. package/dist/themes/sargam-dark.css.map +1 -0
  31. package/dist/themes/sargam-light.css +94 -0
  32. package/dist/themes/sargam-light.css.map +1 -0
  33. package/dist/themes/synthwave-84.css +57 -0
  34. package/dist/themes/synthwave-84.css.map +1 -0
  35. package/dist/themes/tokyo-night.css +54 -0
  36. package/dist/themes/tokyo-night.css.map +1 -0
  37. package/package.json +110 -0
  38. package/src/_contract.scss +46 -0
  39. package/src/index.scss +21 -0
  40. package/src/themes/aura.scss +74 -0
  41. package/src/themes/ayu-dark.scss +77 -0
  42. package/src/themes/catppuccin-frappe.scss +80 -0
  43. package/src/themes/catppuccin-latte.scss +80 -0
  44. package/src/themes/catppuccin-macchiato.scss +80 -0
  45. package/src/themes/catppuccin-mocha.scss +80 -0
  46. package/src/themes/dracula.scss +66 -0
  47. package/src/themes/flexoki-dark.scss +79 -0
  48. package/src/themes/flexoki-light.scss +79 -0
  49. package/src/themes/monokai.scss +74 -0
  50. package/src/themes/night-owl.scss +75 -0
  51. package/src/themes/sargam-dark.scss +112 -0
  52. package/src/themes/sargam-light.scss +112 -0
  53. package/src/themes/synthwave-84.scss +75 -0
  54. package/src/themes/tokyo-night.scss +72 -0
@@ -0,0 +1,62 @@
1
+ [data-new-ui-theme="catppuccin-latte"] {
2
+ color-scheme: light;
3
+ --ctp-rosewater: oklch(71.41% .1045 33.1);
4
+ --ctp-flamingo: oklch(68.56% .1259 20.87);
5
+ --ctp-pink: oklch(72.56% .1739 338.43);
6
+ --ctp-mauve: oklch(55.47% .2503 297.02);
7
+ --ctp-red: oklch(55.05% .2155 19.81);
8
+ --ctp-maroon: oklch(62.52% .1967 20.27);
9
+ --ctp-peach: oklch(69.2% .2041 42.43);
10
+ --ctp-yellow: oklch(71.4% .1494 67.78);
11
+ --ctp-green: oklch(62.5% .1772 140.44);
12
+ --ctp-teal: oklch(60.23% .0981 201.1);
13
+ --ctp-sky: oklch(68.2% .1448 235.38);
14
+ --ctp-sapphire: oklch(64.77% .1068 212.89);
15
+ --ctp-blue: oklch(55.86% .2255 262.09);
16
+ --ctp-lavender: oklch(66.38% .1751 273.13);
17
+ --ctp-text: oklch(43.55% .043 279.33);
18
+ --ctp-subtext1: oklch(49.2% .0385 279.3);
19
+ --ctp-subtext0: oklch(54.71% .0343 279.08);
20
+ --ctp-overlay2: oklch(60.09% .0305 278.69);
21
+ --ctp-overlay1: oklch(65.36% .0269 278.12);
22
+ --ctp-overlay0: oklch(70.77% .0237 274.6);
23
+ --ctp-surface2: oklch(75.84% .0205 273.15);
24
+ --ctp-surface1: oklch(80.83% .0174 271.2);
25
+ --ctp-surface0: oklch(85.75% .0145 268.48);
26
+ --ctp-base: oklch(95.78% .0058 264.53);
27
+ --ctp-mantle: oklch(93.35% .0087 264.52);
28
+ --ctp-crust: oklch(90.6% .0117 264.51);
29
+ --background: var(--ctp-base);
30
+ --background-secondary: var(--ctp-mantle);
31
+ --background-hover: var(--ctp-surface0);
32
+ --background-selected: var(--ctp-surface1);
33
+ --background-selected-hover: var(--ctp-surface2);
34
+ --background-high-contrast: var(--ctp-crust);
35
+ --border-muted: var(--ctp-surface0);
36
+ --border: var(--ctp-surface1);
37
+ --border-strong: var(--ctp-surface2);
38
+ --border-inked: var(--ctp-text);
39
+ --border-inverse: var(--ctp-base);
40
+ --border-focus: var(--ctp-lavender);
41
+ --button: var(--ctp-mauve);
42
+ --button-hover: var(--ctp-lavender);
43
+ --button-active: var(--ctp-blue);
44
+ --button-disabled: var(--ctp-surface2);
45
+ --link: var(--ctp-blue);
46
+ --link-hover: var(--ctp-sky);
47
+ --link-subtle: var(--ctp-overlay1);
48
+ --link-visited: var(--ctp-lavender);
49
+ --support-error: var(--ctp-red);
50
+ --support-warning: var(--ctp-yellow);
51
+ --support-success: var(--ctp-green);
52
+ --support-info: var(--ctp-teal);
53
+ --content-primary: var(--ctp-text);
54
+ --content-secondary: var(--ctp-subtext1);
55
+ --content-secondary-alt: var(--ctp-subtext0);
56
+ --content-placeholder: var(--ctp-overlay1);
57
+ --content-on-color: var(--ctp-base);
58
+ --content-error: var(--ctp-red);
59
+ --content-success: var(--ctp-green);
60
+ --content-inked: var(--ctp-text);
61
+ }
62
+ /*# sourceMappingURL=catppuccin-latte.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAKA","sources":["src/themes/catppuccin-latte.scss"],"sourcesContent":["// Catppuccin Latte (light)\n// Palette values copied verbatim from the official Catppuccin palette (v1.8.0).\n// Source: https://github.com/catppuccin/palette (MIT License)\n// © Catppuccin. https://catppuccin.com\n\n[data-new-ui-theme='catppuccin-latte'] {\n color-scheme: light;\n\n // Palette (verbatim)\n --ctp-rosewater: oklch(71.41% 0.1045 33.1deg);\n --ctp-flamingo: oklch(68.56% 0.1259 20.87deg);\n --ctp-pink: oklch(72.56% 0.1739 338.43deg);\n --ctp-mauve: oklch(55.47% 0.2503 297.02deg);\n --ctp-red: oklch(55.05% 0.2155 19.81deg);\n --ctp-maroon: oklch(62.52% 0.1967 20.27deg);\n --ctp-peach: oklch(69.2% 0.2041 42.43deg);\n --ctp-yellow: oklch(71.4% 0.1494 67.78deg);\n --ctp-green: oklch(62.5% 0.1772 140.44deg);\n --ctp-teal: oklch(60.23% 0.0981 201.1deg);\n --ctp-sky: oklch(68.2% 0.1448 235.38deg);\n --ctp-sapphire: oklch(64.77% 0.1068 212.89deg);\n --ctp-blue: oklch(55.86% 0.2255 262.09deg);\n --ctp-lavender: oklch(66.38% 0.1751 273.13deg);\n --ctp-text: oklch(43.55% 0.043 279.33deg);\n --ctp-subtext1: oklch(49.2% 0.0385 279.3deg);\n --ctp-subtext0: oklch(54.71% 0.0343 279.08deg);\n --ctp-overlay2: oklch(60.09% 0.0305 278.69deg);\n --ctp-overlay1: oklch(65.36% 0.0269 278.12deg);\n --ctp-overlay0: oklch(70.77% 0.0237 274.6deg);\n --ctp-surface2: oklch(75.84% 0.0205 273.15deg);\n --ctp-surface1: oklch(80.83% 0.0174 271.2deg);\n --ctp-surface0: oklch(85.75% 0.0145 268.48deg);\n --ctp-base: oklch(95.78% 0.0058 264.53deg);\n --ctp-mantle: oklch(93.35% 0.0087 264.52deg);\n --ctp-crust: oklch(90.6% 0.0117 264.51deg);\n\n // Backgrounds\n --background: var(--ctp-base);\n --background-secondary: var(--ctp-mantle);\n --background-hover: var(--ctp-surface0);\n --background-selected: var(--ctp-surface1);\n --background-selected-hover: var(--ctp-surface2);\n --background-high-contrast: var(--ctp-crust);\n\n // Borders\n --border-muted: var(--ctp-surface0);\n --border: var(--ctp-surface1);\n --border-strong: var(--ctp-surface2);\n --border-inked: var(--ctp-text);\n --border-inverse: var(--ctp-base);\n --border-focus: var(--ctp-lavender);\n\n // Buttons\n --button: var(--ctp-mauve);\n --button-hover: var(--ctp-lavender);\n --button-active: var(--ctp-blue);\n --button-disabled: var(--ctp-surface2);\n\n // Links\n --link: var(--ctp-blue);\n --link-hover: var(--ctp-sky);\n --link-subtle: var(--ctp-overlay1);\n --link-visited: var(--ctp-lavender);\n\n // Support\n --support-error: var(--ctp-red);\n --support-warning: var(--ctp-yellow);\n --support-success: var(--ctp-green);\n --support-info: var(--ctp-teal);\n\n // Content\n --content-primary: var(--ctp-text);\n --content-secondary: var(--ctp-subtext1);\n --content-secondary-alt: var(--ctp-subtext0);\n --content-placeholder: var(--ctp-overlay1);\n --content-on-color: var(--ctp-base);\n --content-error: var(--ctp-red);\n --content-success: var(--ctp-green);\n --content-inked: var(--ctp-text);\n}\n"],"names":[],"version":3,"file":"catppuccin-latte.css.map"}
@@ -0,0 +1,62 @@
1
+ [data-new-ui-theme="catppuccin-macchiato"] {
2
+ color-scheme: dark;
3
+ --ctp-rosewater: oklch(91.05% .0286 31.13);
4
+ --ctp-flamingo: oklch(86.29% .0479 18.12);
5
+ --ctp-pink: oklch(86.08% .083 336.18);
6
+ --ctp-mauve: oklch(77.15% .1259 303.9);
7
+ --ctp-red: oklch(73.7% .1252 11.19);
8
+ --ctp-maroon: oklch(77.02% .1024 14.37);
9
+ --ctp-peach: oklch(79.88% .1061 49.64);
10
+ --ctp-yellow: oklch(87.9% .0744 84.75);
11
+ --ctp-green: oklch(83.5% .1079 138.15);
12
+ --ctp-teal: oklch(82.14% .0755 184.1);
13
+ --ctp-sky: oklch(83.69% .0719 209.37);
14
+ --ctp-sapphire: oklch(78.51% .0845 228.38);
15
+ --ctp-blue: oklch(74.97% .1101 263.81);
16
+ --ctp-lavender: oklch(81.44% .0834 279.85);
17
+ --ctp-text: oklch(87.08% .0481 273.67);
18
+ --ctp-subtext1: oklch(81.2% .0459 274.27);
19
+ --ctp-subtext0: oklch(75.13% .0441 273.53);
20
+ --ctp-overlay2: oklch(69.05% .0433 274.54);
21
+ --ctp-overlay1: oklch(62.72% .0415 273.73);
22
+ --ctp-overlay0: oklch(56.08% .0407 276.47);
23
+ --ctp-surface2: oklch(49.39% .0389 275.68);
24
+ --ctp-surface1: oklch(42.59% .0385 276.95);
25
+ --ctp-surface0: oklch(35.38% .0369 275.99);
26
+ --ctp-base: oklch(27.88% .0353 276.94);
27
+ --ctp-mantle: oklch(24.93% .0305 278.44);
28
+ --ctp-crust: oklch(21.88% .0255 280.66);
29
+ --background: var(--ctp-base);
30
+ --background-secondary: var(--ctp-mantle);
31
+ --background-hover: var(--ctp-surface0);
32
+ --background-selected: var(--ctp-surface1);
33
+ --background-selected-hover: var(--ctp-surface2);
34
+ --background-high-contrast: var(--ctp-crust);
35
+ --border-muted: var(--ctp-surface0);
36
+ --border: var(--ctp-surface1);
37
+ --border-strong: var(--ctp-surface2);
38
+ --border-inked: var(--ctp-text);
39
+ --border-inverse: var(--ctp-base);
40
+ --border-focus: var(--ctp-lavender);
41
+ --button: var(--ctp-mauve);
42
+ --button-hover: var(--ctp-lavender);
43
+ --button-active: var(--ctp-blue);
44
+ --button-disabled: var(--ctp-surface2);
45
+ --link: var(--ctp-blue);
46
+ --link-hover: var(--ctp-sky);
47
+ --link-subtle: var(--ctp-overlay1);
48
+ --link-visited: var(--ctp-lavender);
49
+ --support-error: var(--ctp-red);
50
+ --support-warning: var(--ctp-yellow);
51
+ --support-success: var(--ctp-green);
52
+ --support-info: var(--ctp-teal);
53
+ --content-primary: var(--ctp-text);
54
+ --content-secondary: var(--ctp-subtext1);
55
+ --content-secondary-alt: var(--ctp-subtext0);
56
+ --content-placeholder: var(--ctp-overlay1);
57
+ --content-on-color: var(--ctp-base);
58
+ --content-error: var(--ctp-red);
59
+ --content-success: var(--ctp-green);
60
+ --content-inked: var(--ctp-text);
61
+ }
62
+ /*# sourceMappingURL=catppuccin-macchiato.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAKA","sources":["src/themes/catppuccin-macchiato.scss"],"sourcesContent":["// Catppuccin Macchiato (dark)\n// Palette values copied verbatim from the official Catppuccin palette (v1.8.0).\n// Source: https://github.com/catppuccin/palette (MIT License)\n// © Catppuccin. https://catppuccin.com\n\n[data-new-ui-theme='catppuccin-macchiato'] {\n color-scheme: dark;\n\n // Palette (verbatim)\n --ctp-rosewater: oklch(91.05% 0.0286 31.13deg);\n --ctp-flamingo: oklch(86.29% 0.0479 18.12deg);\n --ctp-pink: oklch(86.08% 0.083 336.18deg);\n --ctp-mauve: oklch(77.15% 0.1259 303.9deg);\n --ctp-red: oklch(73.7% 0.1252 11.19deg);\n --ctp-maroon: oklch(77.02% 0.1024 14.37deg);\n --ctp-peach: oklch(79.88% 0.1061 49.64deg);\n --ctp-yellow: oklch(87.9% 0.0744 84.75deg);\n --ctp-green: oklch(83.5% 0.1079 138.15deg);\n --ctp-teal: oklch(82.14% 0.0755 184.1deg);\n --ctp-sky: oklch(83.69% 0.0719 209.37deg);\n --ctp-sapphire: oklch(78.51% 0.0845 228.38deg);\n --ctp-blue: oklch(74.97% 0.1101 263.81deg);\n --ctp-lavender: oklch(81.44% 0.0834 279.85deg);\n --ctp-text: oklch(87.08% 0.0481 273.67deg);\n --ctp-subtext1: oklch(81.2% 0.0459 274.27deg);\n --ctp-subtext0: oklch(75.13% 0.0441 273.53deg);\n --ctp-overlay2: oklch(69.05% 0.0433 274.54deg);\n --ctp-overlay1: oklch(62.72% 0.0415 273.73deg);\n --ctp-overlay0: oklch(56.08% 0.0407 276.47deg);\n --ctp-surface2: oklch(49.39% 0.0389 275.68deg);\n --ctp-surface1: oklch(42.59% 0.0385 276.95deg);\n --ctp-surface0: oklch(35.38% 0.0369 275.99deg);\n --ctp-base: oklch(27.88% 0.0353 276.94deg);\n --ctp-mantle: oklch(24.93% 0.0305 278.44deg);\n --ctp-crust: oklch(21.88% 0.0255 280.66deg);\n\n // Backgrounds\n --background: var(--ctp-base);\n --background-secondary: var(--ctp-mantle);\n --background-hover: var(--ctp-surface0);\n --background-selected: var(--ctp-surface1);\n --background-selected-hover: var(--ctp-surface2);\n --background-high-contrast: var(--ctp-crust);\n\n // Borders\n --border-muted: var(--ctp-surface0);\n --border: var(--ctp-surface1);\n --border-strong: var(--ctp-surface2);\n --border-inked: var(--ctp-text);\n --border-inverse: var(--ctp-base);\n --border-focus: var(--ctp-lavender);\n\n // Buttons\n --button: var(--ctp-mauve);\n --button-hover: var(--ctp-lavender);\n --button-active: var(--ctp-blue);\n --button-disabled: var(--ctp-surface2);\n\n // Links\n --link: var(--ctp-blue);\n --link-hover: var(--ctp-sky);\n --link-subtle: var(--ctp-overlay1);\n --link-visited: var(--ctp-lavender);\n\n // Support\n --support-error: var(--ctp-red);\n --support-warning: var(--ctp-yellow);\n --support-success: var(--ctp-green);\n --support-info: var(--ctp-teal);\n\n // Content\n --content-primary: var(--ctp-text);\n --content-secondary: var(--ctp-subtext1);\n --content-secondary-alt: var(--ctp-subtext0);\n --content-placeholder: var(--ctp-overlay1);\n --content-on-color: var(--ctp-base);\n --content-error: var(--ctp-red);\n --content-success: var(--ctp-green);\n --content-inked: var(--ctp-text);\n}\n"],"names":[],"version":3,"file":"catppuccin-macchiato.css.map"}
@@ -0,0 +1,62 @@
1
+ [data-new-ui-theme="catppuccin-mocha"] {
2
+ color-scheme: dark;
3
+ --ctp-rosewater: oklch(92.26% .0238 30.49);
4
+ --ctp-flamingo: oklch(87.97% .0418 17.98);
5
+ --ctp-pink: oklch(87% .0752 336.3);
6
+ --ctp-mauve: oklch(78.71% .1187 304.77);
7
+ --ctp-red: oklch(75.56% .1297 2.76);
8
+ --ctp-maroon: oklch(78.21% .0903 8.85);
9
+ --ctp-peach: oklch(82.37% .1015 52.63);
10
+ --ctp-yellow: oklch(91.93% .0704 86.53);
11
+ --ctp-green: oklch(85.77% .1092 142.72);
12
+ --ctp-teal: oklch(85.85% .0792 182.75);
13
+ --ctp-sky: oklch(84.67% .0833 210.25);
14
+ --ctp-sapphire: oklch(79.06% .0965 228.65);
15
+ --ctp-blue: oklch(76.64% .1113 259.88);
16
+ --ctp-lavender: oklch(81.66% .091 277.31);
17
+ --ctp-text: oklch(87.87% .0426 272.28);
18
+ --ctp-subtext1: oklch(81.68% .0403 272.86);
19
+ --ctp-subtext0: oklch(75.1% .0396 273.93);
20
+ --ctp-overlay2: oklch(68.65% .0374 274.73);
21
+ --ctp-overlay1: oklch(61.76% .0367 276);
22
+ --ctp-overlay0: oklch(54.97% .0345 277.1);
23
+ --ctp-surface2: oklch(47.65% .034 278.64);
24
+ --ctp-surface1: oklch(40.37% .032 280.15);
25
+ --ctp-surface0: oklch(32.4% .0319 281.98);
26
+ --ctp-base: oklch(24.29% .0304 283.91);
27
+ --ctp-mantle: oklch(21.55% .0254 284.06);
28
+ --ctp-crust: oklch(18.28% .0204 284.2);
29
+ --background: var(--ctp-base);
30
+ --background-secondary: var(--ctp-mantle);
31
+ --background-hover: var(--ctp-surface0);
32
+ --background-selected: var(--ctp-surface1);
33
+ --background-selected-hover: var(--ctp-surface2);
34
+ --background-high-contrast: var(--ctp-crust);
35
+ --border-muted: var(--ctp-surface0);
36
+ --border: var(--ctp-surface1);
37
+ --border-strong: var(--ctp-surface2);
38
+ --border-inked: var(--ctp-text);
39
+ --border-inverse: var(--ctp-base);
40
+ --border-focus: var(--ctp-lavender);
41
+ --button: var(--ctp-mauve);
42
+ --button-hover: var(--ctp-lavender);
43
+ --button-active: var(--ctp-blue);
44
+ --button-disabled: var(--ctp-surface2);
45
+ --link: var(--ctp-blue);
46
+ --link-hover: var(--ctp-sky);
47
+ --link-subtle: var(--ctp-overlay1);
48
+ --link-visited: var(--ctp-lavender);
49
+ --support-error: var(--ctp-red);
50
+ --support-warning: var(--ctp-yellow);
51
+ --support-success: var(--ctp-green);
52
+ --support-info: var(--ctp-teal);
53
+ --content-primary: var(--ctp-text);
54
+ --content-secondary: var(--ctp-subtext1);
55
+ --content-secondary-alt: var(--ctp-subtext0);
56
+ --content-placeholder: var(--ctp-overlay1);
57
+ --content-on-color: var(--ctp-base);
58
+ --content-error: var(--ctp-red);
59
+ --content-success: var(--ctp-green);
60
+ --content-inked: var(--ctp-text);
61
+ }
62
+ /*# sourceMappingURL=catppuccin-mocha.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAKA","sources":["src/themes/catppuccin-mocha.scss"],"sourcesContent":["// Catppuccin Mocha (dark)\n// Palette values copied verbatim from the official Catppuccin palette (v1.8.0).\n// Source: https://github.com/catppuccin/palette (MIT License)\n// © Catppuccin. https://catppuccin.com\n\n[data-new-ui-theme='catppuccin-mocha'] {\n color-scheme: dark;\n\n // Palette (verbatim)\n --ctp-rosewater: oklch(92.26% 0.0238 30.49deg);\n --ctp-flamingo: oklch(87.97% 0.0418 17.98deg);\n --ctp-pink: oklch(87% 0.0752 336.3deg);\n --ctp-mauve: oklch(78.71% 0.1187 304.77deg);\n --ctp-red: oklch(75.56% 0.1297 2.76deg);\n --ctp-maroon: oklch(78.21% 0.0903 8.85deg);\n --ctp-peach: oklch(82.37% 0.1015 52.63deg);\n --ctp-yellow: oklch(91.93% 0.0704 86.53deg);\n --ctp-green: oklch(85.77% 0.1092 142.72deg);\n --ctp-teal: oklch(85.85% 0.0792 182.75deg);\n --ctp-sky: oklch(84.67% 0.0833 210.25deg);\n --ctp-sapphire: oklch(79.06% 0.0965 228.65deg);\n --ctp-blue: oklch(76.64% 0.1113 259.88deg);\n --ctp-lavender: oklch(81.66% 0.091 277.31deg);\n --ctp-text: oklch(87.87% 0.0426 272.28deg);\n --ctp-subtext1: oklch(81.68% 0.0403 272.86deg);\n --ctp-subtext0: oklch(75.1% 0.0396 273.93deg);\n --ctp-overlay2: oklch(68.65% 0.0374 274.73deg);\n --ctp-overlay1: oklch(61.76% 0.0367 276deg);\n --ctp-overlay0: oklch(54.97% 0.0345 277.1deg);\n --ctp-surface2: oklch(47.65% 0.034 278.64deg);\n --ctp-surface1: oklch(40.37% 0.032 280.15deg);\n --ctp-surface0: oklch(32.4% 0.0319 281.98deg);\n --ctp-base: oklch(24.29% 0.0304 283.91deg);\n --ctp-mantle: oklch(21.55% 0.0254 284.06deg);\n --ctp-crust: oklch(18.28% 0.0204 284.2deg);\n\n // Backgrounds\n --background: var(--ctp-base);\n --background-secondary: var(--ctp-mantle);\n --background-hover: var(--ctp-surface0);\n --background-selected: var(--ctp-surface1);\n --background-selected-hover: var(--ctp-surface2);\n --background-high-contrast: var(--ctp-crust);\n\n // Borders\n --border-muted: var(--ctp-surface0);\n --border: var(--ctp-surface1);\n --border-strong: var(--ctp-surface2);\n --border-inked: var(--ctp-text);\n --border-inverse: var(--ctp-base);\n --border-focus: var(--ctp-lavender);\n\n // Buttons\n --button: var(--ctp-mauve);\n --button-hover: var(--ctp-lavender);\n --button-active: var(--ctp-blue);\n --button-disabled: var(--ctp-surface2);\n\n // Links\n --link: var(--ctp-blue);\n --link-hover: var(--ctp-sky);\n --link-subtle: var(--ctp-overlay1);\n --link-visited: var(--ctp-lavender);\n\n // Support\n --support-error: var(--ctp-red);\n --support-warning: var(--ctp-yellow);\n --support-success: var(--ctp-green);\n --support-info: var(--ctp-teal);\n\n // Content\n --content-primary: var(--ctp-text);\n --content-secondary: var(--ctp-subtext1);\n --content-secondary-alt: var(--ctp-subtext0);\n --content-placeholder: var(--ctp-overlay1);\n --content-on-color: var(--ctp-base);\n --content-error: var(--ctp-red);\n --content-success: var(--ctp-green);\n --content-inked: var(--ctp-text);\n}\n"],"names":[],"version":3,"file":"catppuccin-mocha.css.map"}
@@ -0,0 +1,48 @@
1
+ [data-new-ui-theme="dracula"] {
2
+ color-scheme: dark;
3
+ --dt-background: oklch(28.82% .0221 277.51);
4
+ --dt-current-line: oklch(40.28% .0322 277.83);
5
+ --dt-selection: oklch(40.28% .0322 277.83);
6
+ --dt-foreground: oklch(97.75% .0079 106.55);
7
+ --dt-comment: oklch(55.98% .0803 270.09);
8
+ --dt-cyan: oklch(88.26% .0934 212.85);
9
+ --dt-green: oklch(87.1% .2195 148.02);
10
+ --dt-orange: oklch(83.39% .1241 66.56);
11
+ --dt-pink: oklch(75.46% .1831 346.81);
12
+ --dt-purple: oklch(74.2% .1485 301.88);
13
+ --dt-red: oklch(68.22% .2063 24.43);
14
+ --dt-yellow: oklch(95.53% .1342 112.76);
15
+ --background: var(--dt-background);
16
+ --background-secondary: oklch(25.54% .0188 280.49);
17
+ --background-hover: var(--dt-current-line);
18
+ --background-selected: var(--dt-selection);
19
+ --background-selected-hover: oklch(46.88% .042 281.2);
20
+ --background-high-contrast: oklch(21.99% .0137 278.8);
21
+ --border-muted: oklch(34.02% .0266 276.05);
22
+ --border: var(--dt-current-line);
23
+ --border-strong: var(--dt-comment);
24
+ --border-inked: var(--dt-foreground);
25
+ --border-inverse: var(--dt-background);
26
+ --border-focus: var(--dt-purple);
27
+ --button: var(--dt-purple);
28
+ --button-hover: var(--dt-pink);
29
+ --button-active: var(--dt-pink);
30
+ --button-disabled: var(--dt-comment);
31
+ --link: var(--dt-cyan);
32
+ --link-hover: var(--dt-pink);
33
+ --link-subtle: var(--dt-comment);
34
+ --link-visited: var(--dt-purple);
35
+ --support-error: var(--dt-red);
36
+ --support-warning: var(--dt-orange);
37
+ --support-success: var(--dt-green);
38
+ --support-info: var(--dt-cyan);
39
+ --content-primary: var(--dt-foreground);
40
+ --content-secondary: oklch(84.43% .0305 281.59);
41
+ --content-secondary-alt: var(--dt-comment);
42
+ --content-placeholder: var(--dt-comment);
43
+ --content-on-color: var(--dt-background);
44
+ --content-error: var(--dt-red);
45
+ --content-success: var(--dt-green);
46
+ --content-inked: var(--dt-foreground);
47
+ }
48
+ /*# sourceMappingURL=dracula.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAKA","sources":["src/themes/dracula.scss"],"sourcesContent":["// Dracula\n// Palette values copied verbatim from the official Dracula spec.\n// Source: https://github.com/dracula/dracula-theme (MIT License)\n// © Dracula Theme. https://draculatheme.com\n\n[data-new-ui-theme='dracula'] {\n color-scheme: dark;\n\n // Palette (verbatim)\n --dt-background: oklch(28.82% 0.0221 277.51deg);\n --dt-current-line: oklch(40.28% 0.0322 277.83deg);\n --dt-selection: oklch(40.28% 0.0322 277.83deg);\n --dt-foreground: oklch(97.75% 0.0079 106.55deg);\n --dt-comment: oklch(55.98% 0.0803 270.09deg);\n --dt-cyan: oklch(88.26% 0.0934 212.85deg);\n --dt-green: oklch(87.1% 0.2195 148.02deg);\n --dt-orange: oklch(83.39% 0.1241 66.56deg);\n --dt-pink: oklch(75.46% 0.1831 346.81deg);\n --dt-purple: oklch(74.2% 0.1485 301.88deg);\n --dt-red: oklch(68.22% 0.2063 24.43deg);\n --dt-yellow: oklch(95.53% 0.1342 112.76deg);\n\n // Backgrounds\n --background: var(--dt-background);\n --background-secondary: oklch(25.54% 0.0188 280.49deg);\n --background-hover: var(--dt-current-line);\n --background-selected: var(--dt-selection);\n --background-selected-hover: oklch(46.88% 0.042 281.2deg);\n --background-high-contrast: oklch(21.99% 0.0137 278.8deg);\n\n // Borders\n --border-muted: oklch(34.02% 0.0266 276.05deg);\n --border: var(--dt-current-line);\n --border-strong: var(--dt-comment);\n --border-inked: var(--dt-foreground);\n --border-inverse: var(--dt-background);\n --border-focus: var(--dt-purple);\n\n // Buttons\n --button: var(--dt-purple);\n --button-hover: var(--dt-pink);\n --button-active: var(--dt-pink);\n --button-disabled: var(--dt-comment);\n\n // Links\n --link: var(--dt-cyan);\n --link-hover: var(--dt-pink);\n --link-subtle: var(--dt-comment);\n --link-visited: var(--dt-purple);\n\n // Support\n --support-error: var(--dt-red);\n --support-warning: var(--dt-orange);\n --support-success: var(--dt-green);\n --support-info: var(--dt-cyan);\n\n // Content\n --content-primary: var(--dt-foreground);\n --content-secondary: oklch(84.43% 0.0305 281.59deg);\n --content-secondary-alt: var(--dt-comment);\n --content-placeholder: var(--dt-comment);\n --content-on-color: var(--dt-background);\n --content-error: var(--dt-red);\n --content-success: var(--dt-green);\n --content-inked: var(--dt-foreground);\n}\n"],"names":[],"version":3,"file":"dracula.css.map"}
@@ -0,0 +1,59 @@
1
+ [data-new-ui-theme="flexoki-dark"] {
2
+ color-scheme: dark;
3
+ --fk-paper: oklch(99.01% .0161 95.22);
4
+ --fk-base-50: oklch(95.37% .0147 98.29);
5
+ --fk-base-100: oklch(91.74% .0149 98.3);
6
+ --fk-base-150: oklch(88.1% .0137 97.46);
7
+ --fk-base-200: oklch(84.63% .0137 102.05);
8
+ --fk-base-300: oklch(77.21% .0128 96.47);
9
+ --fk-base-400: oklch(69.56% .0103 93.62);
10
+ --fk-base-500: oklch(61.69% .0078 88.67);
11
+ --fk-base-600: oklch(53.75% .0078 97.45);
12
+ --fk-base-700: oklch(45.31% .005 91.5);
13
+ --fk-base-800: oklch(36.51% .0044 67.69);
14
+ --fk-base-850: oklch(32.14% .0038 84.58);
15
+ --fk-base-900: oklch(27.34% .0023 67.73);
16
+ --fk-base-950: oklch(22.28% .0025 67.7);
17
+ --fk-black: oklch(16.96% .0017 17.32);
18
+ --fk-red: oklch(59.7% .1692 28.38);
19
+ --fk-orange: oklch(65.76% .1539 49.3);
20
+ --fk-yellow: oklch(73.46% .1462 87.46);
21
+ --fk-green: oklch(65.13% .1242 119.38);
22
+ --fk-cyan: oklch(67.01% .0999 186.58);
23
+ --fk-blue: oklch(59.88% .1104 247);
24
+ --fk-purple: oklch(63.48% .1098 291);
25
+ --fk-magenta: oklch(63.48% .1565 350.47);
26
+ --background: var(--fk-black);
27
+ --background-secondary: var(--fk-base-950);
28
+ --background-hover: var(--fk-base-900);
29
+ --background-selected: var(--fk-base-850);
30
+ --background-selected-hover: var(--fk-base-800);
31
+ --background-high-contrast: var(--fk-black);
32
+ --border-muted: var(--fk-base-900);
33
+ --border: var(--fk-base-800);
34
+ --border-strong: var(--fk-base-700);
35
+ --border-inked: var(--fk-base-200);
36
+ --border-inverse: var(--fk-black);
37
+ --border-focus: var(--fk-blue);
38
+ --button: var(--fk-purple);
39
+ --button-hover: var(--fk-magenta);
40
+ --button-active: var(--fk-magenta);
41
+ --button-disabled: var(--fk-base-700);
42
+ --link: var(--fk-blue);
43
+ --link-hover: var(--fk-cyan);
44
+ --link-subtle: var(--fk-base-500);
45
+ --link-visited: var(--fk-purple);
46
+ --support-error: var(--fk-red);
47
+ --support-warning: var(--fk-yellow);
48
+ --support-success: var(--fk-green);
49
+ --support-info: var(--fk-blue);
50
+ --content-primary: var(--fk-base-200);
51
+ --content-secondary: var(--fk-base-400);
52
+ --content-secondary-alt: var(--fk-base-500);
53
+ --content-placeholder: var(--fk-base-600);
54
+ --content-on-color: var(--fk-paper);
55
+ --content-error: var(--fk-red);
56
+ --content-success: var(--fk-green);
57
+ --content-inked: var(--fk-paper);
58
+ }
59
+ /*# sourceMappingURL=flexoki-dark.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAKA","sources":["src/themes/flexoki-dark.scss"],"sourcesContent":["// Flexoki Dark\n// Palette values copied verbatim from the official Flexoki spec.\n// Source: https://github.com/kepano/flexoki (MIT License)\n// © Steph Ango. https://stephango.com/flexoki\n\n[data-new-ui-theme='flexoki-dark'] {\n color-scheme: dark;\n\n // Base ramp (verbatim)\n --fk-paper: oklch(99.01% 0.0161 95.22deg);\n --fk-base-50: oklch(95.37% 0.0147 98.29deg);\n --fk-base-100: oklch(91.74% 0.0149 98.3deg);\n --fk-base-150: oklch(88.1% 0.0137 97.46deg);\n --fk-base-200: oklch(84.63% 0.0137 102.05deg);\n --fk-base-300: oklch(77.21% 0.0128 96.47deg);\n --fk-base-400: oklch(69.56% 0.0103 93.62deg);\n --fk-base-500: oklch(61.69% 0.0078 88.67deg);\n --fk-base-600: oklch(53.75% 0.0078 97.45deg);\n --fk-base-700: oklch(45.31% 0.005 91.5deg);\n --fk-base-800: oklch(36.51% 0.0044 67.69deg);\n --fk-base-850: oklch(32.14% 0.0038 84.58deg);\n --fk-base-900: oklch(27.34% 0.0023 67.73deg);\n --fk-base-950: oklch(22.28% 0.0025 67.7deg);\n --fk-black: oklch(16.96% 0.0017 17.32deg);\n\n // Accents — 400 (verbatim)\n --fk-red: oklch(59.7% 0.1692 28.38deg);\n --fk-orange: oklch(65.76% 0.1539 49.3deg);\n --fk-yellow: oklch(73.46% 0.1462 87.46deg);\n --fk-green: oklch(65.13% 0.1242 119.38deg);\n --fk-cyan: oklch(67.01% 0.0999 186.58deg);\n --fk-blue: oklch(59.88% 0.1104 247deg);\n --fk-purple: oklch(63.48% 0.1098 291deg);\n --fk-magenta: oklch(63.48% 0.1565 350.47deg);\n\n // Backgrounds\n --background: var(--fk-black);\n --background-secondary: var(--fk-base-950);\n --background-hover: var(--fk-base-900);\n --background-selected: var(--fk-base-850);\n --background-selected-hover: var(--fk-base-800);\n --background-high-contrast: var(--fk-black);\n\n // Borders\n --border-muted: var(--fk-base-900);\n --border: var(--fk-base-800);\n --border-strong: var(--fk-base-700);\n --border-inked: var(--fk-base-200);\n --border-inverse: var(--fk-black);\n --border-focus: var(--fk-blue);\n\n // Buttons\n --button: var(--fk-purple);\n --button-hover: var(--fk-magenta);\n --button-active: var(--fk-magenta);\n --button-disabled: var(--fk-base-700);\n\n // Links\n --link: var(--fk-blue);\n --link-hover: var(--fk-cyan);\n --link-subtle: var(--fk-base-500);\n --link-visited: var(--fk-purple);\n\n // Support\n --support-error: var(--fk-red);\n --support-warning: var(--fk-yellow);\n --support-success: var(--fk-green);\n --support-info: var(--fk-blue);\n\n // Content\n --content-primary: var(--fk-base-200);\n --content-secondary: var(--fk-base-400);\n --content-secondary-alt: var(--fk-base-500);\n --content-placeholder: var(--fk-base-600);\n --content-on-color: var(--fk-paper);\n --content-error: var(--fk-red);\n --content-success: var(--fk-green);\n --content-inked: var(--fk-paper);\n}\n"],"names":[],"version":3,"file":"flexoki-dark.css.map"}
@@ -0,0 +1,59 @@
1
+ [data-new-ui-theme="flexoki-light"] {
2
+ color-scheme: light;
3
+ --fk-paper: oklch(99.01% .0161 95.22);
4
+ --fk-base-50: oklch(95.37% .0147 98.29);
5
+ --fk-base-100: oklch(91.74% .0149 98.3);
6
+ --fk-base-150: oklch(88.1% .0137 97.46);
7
+ --fk-base-200: oklch(84.63% .0137 102.05);
8
+ --fk-base-300: oklch(77.21% .0128 96.47);
9
+ --fk-base-400: oklch(69.56% .0103 93.62);
10
+ --fk-base-500: oklch(61.69% .0078 88.67);
11
+ --fk-base-600: oklch(53.75% .0078 97.45);
12
+ --fk-base-700: oklch(45.31% .005 91.5);
13
+ --fk-base-800: oklch(36.51% .0044 67.69);
14
+ --fk-base-850: oklch(32.14% .0038 84.58);
15
+ --fk-base-900: oklch(27.34% .0023 67.73);
16
+ --fk-base-950: oklch(22.28% .0025 67.7);
17
+ --fk-black: oklch(16.96% .0017 17.32);
18
+ --fk-red: oklch(50.42% .1648 27.84);
19
+ --fk-orange: oklch(56.65% .1523 45.02);
20
+ --fk-yellow: oklch(63.33% .1295 85.81);
21
+ --fk-green: oklch(55.93% .1335 122.92);
22
+ --fk-cyan: oklch(55.44% .0863 186.74);
23
+ --fk-blue: oklch(48.18% .1315 254.79);
24
+ --fk-purple: oklch(45.4% .1451 294.83);
25
+ --fk-magenta: oklch(49.54% .1614 349.76);
26
+ --background: var(--fk-paper);
27
+ --background-secondary: var(--fk-base-50);
28
+ --background-hover: var(--fk-base-100);
29
+ --background-selected: var(--fk-base-150);
30
+ --background-selected-hover: var(--fk-base-200);
31
+ --background-high-contrast: var(--fk-paper);
32
+ --border-muted: var(--fk-base-100);
33
+ --border: var(--fk-base-200);
34
+ --border-strong: var(--fk-base-300);
35
+ --border-inked: var(--fk-black);
36
+ --border-inverse: var(--fk-paper);
37
+ --border-focus: var(--fk-blue);
38
+ --button: var(--fk-purple);
39
+ --button-hover: var(--fk-magenta);
40
+ --button-active: var(--fk-magenta);
41
+ --button-disabled: var(--fk-base-300);
42
+ --link: var(--fk-blue);
43
+ --link-hover: var(--fk-cyan);
44
+ --link-subtle: var(--fk-base-500);
45
+ --link-visited: var(--fk-purple);
46
+ --support-error: var(--fk-red);
47
+ --support-warning: var(--fk-yellow);
48
+ --support-success: var(--fk-green);
49
+ --support-info: var(--fk-blue);
50
+ --content-primary: var(--fk-base-800);
51
+ --content-secondary: var(--fk-base-600);
52
+ --content-secondary-alt: var(--fk-base-500);
53
+ --content-placeholder: var(--fk-base-400);
54
+ --content-on-color: var(--fk-paper);
55
+ --content-error: var(--fk-red);
56
+ --content-success: var(--fk-green);
57
+ --content-inked: var(--fk-black);
58
+ }
59
+ /*# sourceMappingURL=flexoki-light.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAKA","sources":["src/themes/flexoki-light.scss"],"sourcesContent":["// Flexoki Light\n// Palette values copied verbatim from the official Flexoki spec.\n// Source: https://github.com/kepano/flexoki (MIT License)\n// © Steph Ango. https://stephango.com/flexoki\n\n[data-new-ui-theme='flexoki-light'] {\n color-scheme: light;\n\n // Base ramp (verbatim)\n --fk-paper: oklch(99.01% 0.0161 95.22deg);\n --fk-base-50: oklch(95.37% 0.0147 98.29deg);\n --fk-base-100: oklch(91.74% 0.0149 98.3deg);\n --fk-base-150: oklch(88.1% 0.0137 97.46deg);\n --fk-base-200: oklch(84.63% 0.0137 102.05deg);\n --fk-base-300: oklch(77.21% 0.0128 96.47deg);\n --fk-base-400: oklch(69.56% 0.0103 93.62deg);\n --fk-base-500: oklch(61.69% 0.0078 88.67deg);\n --fk-base-600: oklch(53.75% 0.0078 97.45deg);\n --fk-base-700: oklch(45.31% 0.005 91.5deg);\n --fk-base-800: oklch(36.51% 0.0044 67.69deg);\n --fk-base-850: oklch(32.14% 0.0038 84.58deg);\n --fk-base-900: oklch(27.34% 0.0023 67.73deg);\n --fk-base-950: oklch(22.28% 0.0025 67.7deg);\n --fk-black: oklch(16.96% 0.0017 17.32deg);\n\n // Accents — 600 (verbatim)\n --fk-red: oklch(50.42% 0.1648 27.84deg);\n --fk-orange: oklch(56.65% 0.1523 45.02deg);\n --fk-yellow: oklch(63.33% 0.1295 85.81deg);\n --fk-green: oklch(55.93% 0.1335 122.92deg);\n --fk-cyan: oklch(55.44% 0.0863 186.74deg);\n --fk-blue: oklch(48.18% 0.1315 254.79deg);\n --fk-purple: oklch(45.4% 0.1451 294.83deg);\n --fk-magenta: oklch(49.54% 0.1614 349.76deg);\n\n // Backgrounds\n --background: var(--fk-paper);\n --background-secondary: var(--fk-base-50);\n --background-hover: var(--fk-base-100);\n --background-selected: var(--fk-base-150);\n --background-selected-hover: var(--fk-base-200);\n --background-high-contrast: var(--fk-paper);\n\n // Borders\n --border-muted: var(--fk-base-100);\n --border: var(--fk-base-200);\n --border-strong: var(--fk-base-300);\n --border-inked: var(--fk-black);\n --border-inverse: var(--fk-paper);\n --border-focus: var(--fk-blue);\n\n // Buttons\n --button: var(--fk-purple);\n --button-hover: var(--fk-magenta);\n --button-active: var(--fk-magenta);\n --button-disabled: var(--fk-base-300);\n\n // Links\n --link: var(--fk-blue);\n --link-hover: var(--fk-cyan);\n --link-subtle: var(--fk-base-500);\n --link-visited: var(--fk-purple);\n\n // Support\n --support-error: var(--fk-red);\n --support-warning: var(--fk-yellow);\n --support-success: var(--fk-green);\n --support-info: var(--fk-blue);\n\n // Content\n --content-primary: var(--fk-base-800);\n --content-secondary: var(--fk-base-600);\n --content-secondary-alt: var(--fk-base-500);\n --content-placeholder: var(--fk-base-400);\n --content-on-color: var(--fk-paper);\n --content-error: var(--fk-red);\n --content-success: var(--fk-green);\n --content-inked: var(--fk-black);\n}\n"],"names":[],"version":3,"file":"flexoki-light.css.map"}
@@ -0,0 +1,56 @@
1
+ [data-new-ui-theme="monokai"] {
2
+ color-scheme: dark;
3
+ --mk-bg: oklch(27.37% .0109 114.8);
4
+ --mk-bg-well: oklch(23.71% .0058 121.89);
5
+ --mk-line: oklch(35.74% .0184 103);
6
+ --mk-selection: oklch(37.77% .0168 116.39);
7
+ --mk-surface: oklch(39.5% .01 114.53);
8
+ --mk-border: oklch(32.59% .0104 114.66);
9
+ --mk-fg: oklch(97.75% .0079 106.55);
10
+ --mk-fg-secondary: oklch(84.38% .0068 106.55);
11
+ --mk-fg-muted: oklch(65.15% .0087 106.64);
12
+ --mk-comment: oklch(54.67% .0288 97.39);
13
+ --mk-focus: oklch(66.42% .0347 97.49);
14
+ --mk-green: oklch(84.14% .2044 127.29);
15
+ --mk-green-dark: oklch(71.18% .167 126.9);
16
+ --mk-pink: oklch(64.16% .24 7.47);
17
+ --mk-orange: oklch(76.68% .1683 62.37);
18
+ --mk-yellow: oklch(87.92% .1255 103.18);
19
+ --mk-cyan: oklch(82.69% .108 211.96);
20
+ --mk-cyan-dark: oklch(69.95% .0862 210.17);
21
+ --mk-purple: oklch(70.12% .1812 298.06);
22
+ --mk-on-accent: oklch(27.37% .0109 114.8);
23
+ --background: var(--mk-bg);
24
+ --background-secondary: var(--mk-bg-well);
25
+ --background-hover: var(--mk-line);
26
+ --background-selected: var(--mk-selection);
27
+ --background-selected-hover: var(--mk-surface);
28
+ --background-high-contrast: var(--mk-bg-well);
29
+ --border-muted: var(--mk-border);
30
+ --border: var(--mk-selection);
31
+ --border-strong: var(--mk-comment);
32
+ --border-inked: var(--mk-fg);
33
+ --border-inverse: var(--mk-bg);
34
+ --border-focus: var(--mk-focus);
35
+ --button: var(--mk-green);
36
+ --button-hover: var(--mk-green-dark);
37
+ --button-active: var(--mk-green-dark);
38
+ --button-disabled: var(--mk-comment);
39
+ --link: var(--mk-cyan);
40
+ --link-hover: var(--mk-cyan-dark);
41
+ --link-subtle: var(--mk-comment);
42
+ --link-visited: var(--mk-purple);
43
+ --support-error: var(--mk-pink);
44
+ --support-warning: var(--mk-orange);
45
+ --support-success: var(--mk-green);
46
+ --support-info: var(--mk-cyan);
47
+ --content-primary: var(--mk-fg);
48
+ --content-secondary: var(--mk-fg-secondary);
49
+ --content-secondary-alt: var(--mk-fg-muted);
50
+ --content-placeholder: var(--mk-comment);
51
+ --content-on-color: var(--mk-on-accent);
52
+ --content-error: var(--mk-pink);
53
+ --content-success: var(--mk-green);
54
+ --content-inked: oklch(100% 0 0);
55
+ }
56
+ /*# sourceMappingURL=monokai.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAKA","sources":["src/themes/monokai.scss"],"sourcesContent":["// Monokai\n// Palette values copied verbatim from the official VS Code Monokai theme.\n// Source: https://github.com/microsoft/vscode (extensions/theme-monokai, MIT License)\n// © Microsoft Corporation. Based on the original Monokai by Wimer Hazenberg.\n\n[data-new-ui-theme='monokai'] {\n color-scheme: dark;\n\n // Palette (verbatim)\n --mk-bg: oklch(27.37% 0.0109 114.8deg);\n --mk-bg-well: oklch(23.71% 0.0058 121.89deg);\n --mk-line: oklch(35.74% 0.0184 103deg);\n --mk-selection: oklch(37.77% 0.0168 116.39deg);\n --mk-surface: oklch(39.5% 0.01 114.53deg);\n --mk-border: oklch(32.59% 0.0104 114.66deg);\n --mk-fg: oklch(97.75% 0.0079 106.55deg);\n --mk-fg-secondary: oklch(84.38% 0.0068 106.55deg);\n --mk-fg-muted: oklch(65.15% 0.0087 106.64deg);\n --mk-comment: oklch(54.67% 0.0288 97.39deg);\n --mk-focus: oklch(66.42% 0.0347 97.49deg);\n --mk-green: oklch(84.14% 0.2044 127.29deg);\n --mk-green-dark: oklch(71.18% 0.167 126.9deg);\n --mk-pink: oklch(64.16% 0.24 7.47deg);\n --mk-orange: oklch(76.68% 0.1683 62.37deg);\n --mk-yellow: oklch(87.92% 0.1255 103.18deg);\n --mk-cyan: oklch(82.69% 0.108 211.96deg);\n --mk-cyan-dark: oklch(69.95% 0.0862 210.17deg);\n --mk-purple: oklch(70.12% 0.1812 298.06deg);\n --mk-on-accent: oklch(27.37% 0.0109 114.8deg);\n\n // Backgrounds\n --background: var(--mk-bg);\n --background-secondary: var(--mk-bg-well);\n --background-hover: var(--mk-line);\n --background-selected: var(--mk-selection);\n --background-selected-hover: var(--mk-surface);\n --background-high-contrast: var(--mk-bg-well);\n\n // Borders\n --border-muted: var(--mk-border);\n --border: var(--mk-selection);\n --border-strong: var(--mk-comment);\n --border-inked: var(--mk-fg);\n --border-inverse: var(--mk-bg);\n --border-focus: var(--mk-focus);\n\n // Buttons\n --button: var(--mk-green);\n --button-hover: var(--mk-green-dark);\n --button-active: var(--mk-green-dark);\n --button-disabled: var(--mk-comment);\n\n // Links\n --link: var(--mk-cyan);\n --link-hover: var(--mk-cyan-dark);\n --link-subtle: var(--mk-comment);\n --link-visited: var(--mk-purple);\n\n // Support\n --support-error: var(--mk-pink);\n --support-warning: var(--mk-orange);\n --support-success: var(--mk-green);\n --support-info: var(--mk-cyan);\n\n // Content\n --content-primary: var(--mk-fg);\n --content-secondary: var(--mk-fg-secondary);\n --content-secondary-alt: var(--mk-fg-muted);\n --content-placeholder: var(--mk-comment);\n --content-on-color: var(--mk-on-accent);\n --content-error: var(--mk-pink);\n --content-success: var(--mk-green);\n --content-inked: oklch(100% 0 0deg);\n}\n"],"names":[],"version":3,"file":"monokai.css.map"}
@@ -0,0 +1,57 @@
1
+ [data-new-ui-theme="night-owl"] {
2
+ color-scheme: dark;
3
+ --no-bg: oklch(19.28% .0452 243.97);
4
+ --no-bg-elevated: oklch(25.62% .0508 246.06);
5
+ --no-bg-hover: oklch(27.22% .0525 246.03);
6
+ --no-bg-deep: oklch(16.94% .0357 239.42);
7
+ --no-selection: oklch(34.09% .0556 244.62);
8
+ --no-selection-hover: oklch(40.74% .0754 246.24);
9
+ --no-fg: oklch(89.84% .0198 260.17);
10
+ --no-fg-muted: oklch(70.61% .0452 244.18);
11
+ --no-comment: oklch(55.31% .0236 196.49);
12
+ --no-slate: oklch(57.88% .0525 243.13);
13
+ --no-slate-strong: oklch(66.44% .0422 243.79);
14
+ --no-purple: oklch(54.95% .1615 297.66);
15
+ --no-purple-light: oklch(72.42% .115 290.1);
16
+ --no-teal: oklch(79.12% .0755 188.24);
17
+ --no-blue: oklch(74.41% .1311 264.28);
18
+ --no-magenta: oklch(74.27% .1348 311.06);
19
+ --no-string: oklch(84.25% .0844 75.06);
20
+ --no-red: oklch(65.39% .1926 25.14);
21
+ --no-green: oklch(77.99% .2035 150.74);
22
+ --no-yellow: oklch(86.22% .1681 88.31);
23
+ --no-info: oklch(74.82% .1235 244.75);
24
+ --background: var(--no-bg);
25
+ --background-secondary: var(--no-bg-elevated);
26
+ --background-hover: var(--no-bg-hover);
27
+ --background-selected: var(--no-selection);
28
+ --background-selected-hover: var(--no-selection-hover);
29
+ --background-high-contrast: var(--no-bg-deep);
30
+ --border-muted: var(--no-bg-hover);
31
+ --border: var(--no-slate);
32
+ --border-strong: var(--no-slate-strong);
33
+ --border-inked: var(--no-fg);
34
+ --border-inverse: var(--no-bg);
35
+ --border-focus: var(--no-blue);
36
+ --button: var(--no-purple);
37
+ --button-hover: var(--no-purple-light);
38
+ --button-active: var(--no-purple-light);
39
+ --button-disabled: var(--no-slate);
40
+ --link: var(--no-teal);
41
+ --link-hover: var(--no-blue);
42
+ --link-subtle: var(--no-comment);
43
+ --link-visited: var(--no-magenta);
44
+ --support-error: var(--no-red);
45
+ --support-warning: var(--no-yellow);
46
+ --support-success: var(--no-green);
47
+ --support-info: var(--no-info);
48
+ --content-primary: var(--no-fg);
49
+ --content-secondary: var(--no-fg-muted);
50
+ --content-secondary-alt: var(--no-slate);
51
+ --content-placeholder: var(--no-comment);
52
+ --content-on-color: oklch(100% 0 0);
53
+ --content-error: var(--no-red);
54
+ --content-success: var(--no-green);
55
+ --content-inked: oklch(100% 0 0);
56
+ }
57
+ /*# sourceMappingURL=night-owl.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAKA","sources":["src/themes/night-owl.scss"],"sourcesContent":["// Night Owl (dark)\n// Palette values copied verbatim from the official Night Owl VS Code theme.\n// Source: https://github.com/sdras/night-owl-vscode-theme (MIT License)\n// © Sarah Drasner. Night Owl.\n\n[data-new-ui-theme='night-owl'] {\n color-scheme: dark;\n\n // Palette (verbatim)\n --no-bg: oklch(19.28% 0.0452 243.97deg);\n --no-bg-elevated: oklch(25.62% 0.0508 246.06deg);\n --no-bg-hover: oklch(27.22% 0.0525 246.03deg);\n --no-bg-deep: oklch(16.94% 0.0357 239.42deg);\n --no-selection: oklch(34.09% 0.0556 244.62deg);\n --no-selection-hover: oklch(40.74% 0.0754 246.24deg);\n --no-fg: oklch(89.84% 0.0198 260.17deg);\n --no-fg-muted: oklch(70.61% 0.0452 244.18deg);\n --no-comment: oklch(55.31% 0.0236 196.49deg);\n --no-slate: oklch(57.88% 0.0525 243.13deg);\n --no-slate-strong: oklch(66.44% 0.0422 243.79deg);\n --no-purple: oklch(54.95% 0.1615 297.66deg);\n --no-purple-light: oklch(72.42% 0.115 290.1deg);\n --no-teal: oklch(79.12% 0.0755 188.24deg);\n --no-blue: oklch(74.41% 0.1311 264.28deg);\n --no-magenta: oklch(74.27% 0.1348 311.06deg);\n --no-string: oklch(84.25% 0.0844 75.06deg);\n --no-red: oklch(65.39% 0.1926 25.14deg);\n --no-green: oklch(77.99% 0.2035 150.74deg);\n --no-yellow: oklch(86.22% 0.1681 88.31deg);\n --no-info: oklch(74.82% 0.1235 244.75deg);\n\n // Backgrounds\n --background: var(--no-bg);\n --background-secondary: var(--no-bg-elevated);\n --background-hover: var(--no-bg-hover);\n --background-selected: var(--no-selection);\n --background-selected-hover: var(--no-selection-hover);\n --background-high-contrast: var(--no-bg-deep);\n\n // Borders\n --border-muted: var(--no-bg-hover);\n --border: var(--no-slate);\n --border-strong: var(--no-slate-strong);\n --border-inked: var(--no-fg);\n --border-inverse: var(--no-bg);\n --border-focus: var(--no-blue);\n\n // Buttons\n --button: var(--no-purple);\n --button-hover: var(--no-purple-light);\n --button-active: var(--no-purple-light);\n --button-disabled: var(--no-slate);\n\n // Links\n --link: var(--no-teal);\n --link-hover: var(--no-blue);\n --link-subtle: var(--no-comment);\n --link-visited: var(--no-magenta);\n\n // Support\n --support-error: var(--no-red);\n --support-warning: var(--no-yellow);\n --support-success: var(--no-green);\n --support-info: var(--no-info);\n\n // Content\n --content-primary: var(--no-fg);\n --content-secondary: var(--no-fg-muted);\n --content-secondary-alt: var(--no-slate);\n --content-placeholder: var(--no-comment);\n --content-on-color: oklch(100% 0 0deg);\n --content-error: var(--no-red);\n --content-success: var(--no-green);\n --content-inked: oklch(100% 0 0deg);\n}\n"],"names":[],"version":3,"file":"night-owl.css.map"}
@@ -0,0 +1,94 @@
1
+ [data-new-ui-theme="sargam-dark"] {
2
+ color-scheme: dark;
3
+ --sg-red8: oklch(30.44% .101 26.17);
4
+ --sg-red7: oklch(43.38% .151 26.97);
5
+ --sg-red6: oklch(55.17% .197 27.37);
6
+ --sg-red5: oklch(62.76% .227 27.39);
7
+ --sg-red4: oklch(66.47% .198 25.21);
8
+ --sg-red3: oklch(71.36% .161 22.89);
9
+ --sg-red2: oklch(87.4% .062 19.64);
10
+ --sg-red1: oklch(98.23% .00857558 17.3027);
11
+ --sg-yellow8: oklch(41.38% .082 97.18);
12
+ --sg-yellow7: oklch(59.05% .119 95.65);
13
+ --sg-yellow6: oklch(75.67% .153 95.46);
14
+ --sg-yellow5: oklch(86.16% .175 95.34);
15
+ --sg-yellow4: oklch(88.08% .168 97.07);
16
+ --sg-yellow3: oklch(89.85% .149 97.89);
17
+ --sg-yellow2: oklch(95.6% .07 98.78);
18
+ --sg-yellow1: oklch(99.34% .0107311 95.1593);
19
+ --sg-green8: oklch(31.32% .083 148.5);
20
+ --sg-green7: oklch(44.09% .122 147.81);
21
+ --sg-green6: oklch(55.99% .159 147.49);
22
+ --sg-green5: oklch(63.66% .183 147.22);
23
+ --sg-green4: oklch(68.54% .164 149.56);
24
+ --sg-green3: oklch(73.91% .138 151.77);
25
+ --sg-green2: oklch(88.81% .057 155.23);
26
+ --sg-green1: oklch(98.32% .007 151.89);
27
+ --sg-teal8: oklch(31.18% .052 188.89);
28
+ --sg-teal7: oklch(43.57% .073 189.66);
29
+ --sg-teal6: oklch(55.39% .094 189.13);
30
+ --sg-teal5: oklch(62.84% .107 189.16);
31
+ --sg-teal4: oklch(68.08% .105 190.16);
32
+ --sg-teal3: oklch(73.51% .093 191.77);
33
+ --sg-teal2: oklch(88.92% .043 192.75);
34
+ --sg-teal1: oklch(97.99% .007 197.04);
35
+ --sg-lavender8: oklch(27.7% .061 314.12);
36
+ --sg-lavender7: oklch(38.1% .095 314.62);
37
+ --sg-lavender6: oklch(48.06% .125 314.21);
38
+ --sg-lavender5: oklch(54.39% .144 314.4);
39
+ --sg-lavender4: oklch(61.74% .12 314.62);
40
+ --sg-lavender3: oklch(69.01% .097 314.82);
41
+ --sg-lavender2: oklch(87.47% .037 314.62);
42
+ --sg-lavender1: oklch(98.18% .006 308.4);
43
+ --sg-pink8: oklch(33.08% .1 354.04);
44
+ --sg-pink7: oklch(46.99% .151 355.63);
45
+ --sg-pink6: oklch(59.82% .197 355.72);
46
+ --sg-pink5: oklch(67.97% .226 355.85);
47
+ --sg-pink4: oklch(71.58% .198 353.42);
48
+ --sg-pink3: oklch(75.96% .161 351.77);
49
+ --sg-pink2: oklch(89.37% .066 347.5);
50
+ --sg-pink1: oklch(98.54% .008 349.24);
51
+ --sg-silver10: oklch(16.96% .0017 17.32);
52
+ --sg-silver9: oklch(23.19% .0015 17.27);
53
+ --sg-silver8: oklch(28.97% .0023 67.73);
54
+ --sg-silver7: oklch(38.76% .0013 17.22);
55
+ --sg-silver6: oklch(55.08% .0061 106.6);
56
+ --sg-silver5: oklch(80.45% .0086 91.5);
57
+ --sg-silver4: oklch(88.49% .0097 93.58);
58
+ --sg-silver3: oklch(92.18% .0083 91.49);
59
+ --sg-silver2: oklch(97.66% .0017 67.8);
60
+ --sg-silver1: oklch(100% 0 0);
61
+ --background: var(--sg-silver10);
62
+ --background-secondary: var(--sg-silver9);
63
+ --background-hover: var(--sg-silver9);
64
+ --background-selected: var(--sg-silver8);
65
+ --background-selected-hover: var(--sg-silver7);
66
+ --background-high-contrast: var(--sg-silver10);
67
+ --border-muted: var(--sg-silver8);
68
+ --border: var(--sg-silver7);
69
+ --border-strong: var(--sg-silver6);
70
+ --border-inked: var(--sg-silver1);
71
+ --border-inverse: var(--sg-silver10);
72
+ --border-focus: var(--sg-teal4);
73
+ --button: var(--sg-teal4);
74
+ --button-hover: var(--sg-teal3);
75
+ --button-active: var(--sg-teal2);
76
+ --button-disabled: var(--sg-silver8);
77
+ --link: var(--sg-teal4);
78
+ --link-hover: var(--sg-teal6);
79
+ --link-subtle: var(--sg-teal5);
80
+ --link-visited: var(--sg-lavender4);
81
+ --support-error: var(--sg-red4);
82
+ --support-warning: var(--sg-yellow4);
83
+ --support-success: var(--sg-green4);
84
+ --support-info: var(--sg-teal4);
85
+ --content-primary: var(--sg-silver1);
86
+ --content-secondary: var(--sg-silver4);
87
+ --content-secondary-alt: var(--sg-silver3);
88
+ --content-placeholder: var(--sg-silver6);
89
+ --content-on-color: var(--sg-silver10);
90
+ --content-error: var(--sg-red3);
91
+ --content-success: var(--sg-green3);
92
+ --content-inked: var(--sg-silver1);
93
+ }
94
+ /*# sourceMappingURL=sargam-dark.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AAKA","sources":["src/themes/sargam-dark.scss"],"sourcesContent":["// Sargam Dark\n// Palette values copied verbatim from the official Sargam Colors.\n// Source: https://github.com/SargamDesign/sargam-colors (MIT License)\n// © Sargam Design. Colors for warm, welcoming, caring sites & apps.\n\n[data-new-ui-theme='sargam-dark'] {\n color-scheme: dark;\n\n // Palette (verbatim)\n --sg-red8: oklch(30.44% 0.101 26.17deg);\n --sg-red7: oklch(43.38% 0.151 26.97deg);\n --sg-red6: oklch(55.17% 0.197 27.37deg);\n --sg-red5: oklch(62.76% 0.227 27.39deg);\n --sg-red4: oklch(66.47% 0.198 25.21deg);\n --sg-red3: oklch(71.36% 0.161 22.89deg);\n --sg-red2: oklch(87.4% 0.062 19.64deg);\n --sg-red1: oklch(98.23% 0.00857558 17.3027deg);\n --sg-yellow8: oklch(41.38% 0.082 97.18deg);\n --sg-yellow7: oklch(59.05% 0.119 95.65deg);\n --sg-yellow6: oklch(75.67% 0.153 95.46deg);\n --sg-yellow5: oklch(86.16% 0.175 95.34deg);\n --sg-yellow4: oklch(88.08% 0.168 97.07deg);\n --sg-yellow3: oklch(89.85% 0.149 97.89deg);\n --sg-yellow2: oklch(95.6% 0.07 98.78deg);\n --sg-yellow1: oklch(99.34% 0.0107311 95.1593deg);\n --sg-green8: oklch(31.32% 0.083 148.5deg);\n --sg-green7: oklch(44.09% 0.122 147.81deg);\n --sg-green6: oklch(55.99% 0.159 147.49deg);\n --sg-green5: oklch(63.66% 0.183 147.22deg);\n --sg-green4: oklch(68.54% 0.164 149.56deg);\n --sg-green3: oklch(73.91% 0.138 151.77deg);\n --sg-green2: oklch(88.81% 0.057 155.23deg);\n --sg-green1: oklch(98.32% 0.007 151.89deg);\n --sg-teal8: oklch(31.18% 0.052 188.89deg);\n --sg-teal7: oklch(43.57% 0.073 189.66deg);\n --sg-teal6: oklch(55.39% 0.094 189.13deg);\n --sg-teal5: oklch(62.84% 0.107 189.16deg);\n --sg-teal4: oklch(68.08% 0.105 190.16deg);\n --sg-teal3: oklch(73.51% 0.093 191.77deg);\n --sg-teal2: oklch(88.92% 0.043 192.75deg);\n --sg-teal1: oklch(97.99% 0.007 197.04deg);\n --sg-lavender8: oklch(27.7% 0.061 314.12deg);\n --sg-lavender7: oklch(38.1% 0.095 314.62deg);\n --sg-lavender6: oklch(48.06% 0.125 314.21deg);\n --sg-lavender5: oklch(54.39% 0.144 314.4deg);\n --sg-lavender4: oklch(61.74% 0.12 314.62deg);\n --sg-lavender3: oklch(69.01% 0.097 314.82deg);\n --sg-lavender2: oklch(87.47% 0.037 314.62deg);\n --sg-lavender1: oklch(98.18% 0.006 308.4deg);\n --sg-pink8: oklch(33.08% 0.1 354.04deg);\n --sg-pink7: oklch(46.99% 0.151 355.63deg);\n --sg-pink6: oklch(59.82% 0.197 355.72deg);\n --sg-pink5: oklch(67.97% 0.226 355.85deg);\n --sg-pink4: oklch(71.58% 0.198 353.42deg);\n --sg-pink3: oklch(75.96% 0.161 351.77deg);\n --sg-pink2: oklch(89.37% 0.066 347.5deg);\n --sg-pink1: oklch(98.54% 0.008 349.24deg);\n --sg-silver10: oklch(16.96% 0.0017 17.32deg);\n --sg-silver9: oklch(23.19% 0.0015 17.27deg);\n --sg-silver8: oklch(28.97% 0.0023 67.73deg);\n --sg-silver7: oklch(38.76% 0.0013 17.22deg);\n --sg-silver6: oklch(55.08% 0.0061 106.6deg);\n --sg-silver5: oklch(80.45% 0.0086 91.5deg);\n --sg-silver4: oklch(88.49% 0.0097 93.58deg);\n --sg-silver3: oklch(92.18% 0.0083 91.49deg);\n --sg-silver2: oklch(97.66% 0.0017 67.8deg);\n --sg-silver1: oklch(100% 0 0deg);\n\n // Backgrounds\n --background: var(--sg-silver10);\n --background-secondary: var(--sg-silver9);\n --background-hover: var(--sg-silver9);\n --background-selected: var(--sg-silver8);\n --background-selected-hover: var(--sg-silver7);\n --background-high-contrast: var(--sg-silver10);\n\n // Borders\n --border-muted: var(--sg-silver8);\n --border: var(--sg-silver7);\n --border-strong: var(--sg-silver6);\n --border-inked: var(--sg-silver1);\n --border-inverse: var(--sg-silver10);\n --border-focus: var(--sg-teal4);\n\n // Buttons\n --button: var(--sg-teal4);\n --button-hover: var(--sg-teal3);\n --button-active: var(--sg-teal2);\n --button-disabled: var(--sg-silver8);\n\n // Links\n --link: var(--sg-teal4);\n --link-hover: var(--sg-teal6);\n --link-subtle: var(--sg-teal5);\n --link-visited: var(--sg-lavender4);\n\n // Support\n --support-error: var(--sg-red4);\n --support-warning: var(--sg-yellow4);\n --support-success: var(--sg-green4);\n --support-info: var(--sg-teal4);\n\n // Content\n --content-primary: var(--sg-silver1);\n --content-secondary: var(--sg-silver4);\n --content-secondary-alt: var(--sg-silver3);\n --content-placeholder: var(--sg-silver6);\n --content-on-color: var(--sg-silver10);\n --content-error: var(--sg-red3);\n --content-success: var(--sg-green3);\n --content-inked: var(--sg-silver1);\n}\n"],"names":[],"version":3,"file":"sargam-dark.css.map"}