@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.
- package/LICENSE +29 -0
- package/README.md +113 -0
- package/dist/index.css +941 -0
- package/dist/index.css.map +1 -0
- package/dist/index.min.css +2 -0
- package/dist/index.min.css.map +1 -0
- package/dist/themes/aura.css +56 -0
- package/dist/themes/aura.css.map +1 -0
- package/dist/themes/ayu-dark.css +59 -0
- package/dist/themes/ayu-dark.css.map +1 -0
- package/dist/themes/catppuccin-frappe.css +62 -0
- package/dist/themes/catppuccin-frappe.css.map +1 -0
- package/dist/themes/catppuccin-latte.css +62 -0
- package/dist/themes/catppuccin-latte.css.map +1 -0
- package/dist/themes/catppuccin-macchiato.css +62 -0
- package/dist/themes/catppuccin-macchiato.css.map +1 -0
- package/dist/themes/catppuccin-mocha.css +62 -0
- package/dist/themes/catppuccin-mocha.css.map +1 -0
- package/dist/themes/dracula.css +48 -0
- package/dist/themes/dracula.css.map +1 -0
- package/dist/themes/flexoki-dark.css +59 -0
- package/dist/themes/flexoki-dark.css.map +1 -0
- package/dist/themes/flexoki-light.css +59 -0
- package/dist/themes/flexoki-light.css.map +1 -0
- package/dist/themes/monokai.css +56 -0
- package/dist/themes/monokai.css.map +1 -0
- package/dist/themes/night-owl.css +57 -0
- package/dist/themes/night-owl.css.map +1 -0
- package/dist/themes/sargam-dark.css +94 -0
- package/dist/themes/sargam-dark.css.map +1 -0
- package/dist/themes/sargam-light.css +94 -0
- package/dist/themes/sargam-light.css.map +1 -0
- package/dist/themes/synthwave-84.css +57 -0
- package/dist/themes/synthwave-84.css.map +1 -0
- package/dist/themes/tokyo-night.css +54 -0
- package/dist/themes/tokyo-night.css.map +1 -0
- package/package.json +110 -0
- package/src/_contract.scss +46 -0
- package/src/index.scss +21 -0
- package/src/themes/aura.scss +74 -0
- package/src/themes/ayu-dark.scss +77 -0
- package/src/themes/catppuccin-frappe.scss +80 -0
- package/src/themes/catppuccin-latte.scss +80 -0
- package/src/themes/catppuccin-macchiato.scss +80 -0
- package/src/themes/catppuccin-mocha.scss +80 -0
- package/src/themes/dracula.scss +66 -0
- package/src/themes/flexoki-dark.scss +79 -0
- package/src/themes/flexoki-light.scss +79 -0
- package/src/themes/monokai.scss +74 -0
- package/src/themes/night-owl.scss +75 -0
- package/src/themes/sargam-dark.scss +112 -0
- package/src/themes/sargam-light.scss +112 -0
- package/src/themes/synthwave-84.scss +75 -0
- 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"}
|