@zohodesk/svg 1.0.0-temp.59 → 1.0.0-temp.60.1
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/README.md +12 -0
- package/assets/Appearance/dark/mode/SVG_DarkMode.module.css +22 -22
- package/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css +8 -8
- package/assets/Appearance/dark/themes/green/green_SVGTheme_DarkTheme.module.css +8 -8
- package/assets/Appearance/dark/themes/orange/orange_SVGTheme_DarkTheme.module.css +8 -8
- package/assets/Appearance/dark/themes/red/red_SVGTheme_DarkTheme.module.css +8 -8
- package/assets/Appearance/dark/themes/yellow/yellow_SVGTheme_DarkTheme.module.css +8 -8
- package/assets/Appearance/light/mode/SVG_LightMode.module.css +22 -22
- package/assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css +8 -8
- package/assets/Appearance/light/themes/green/green_SVGTheme_LightTheme.module.css +8 -8
- package/assets/Appearance/light/themes/orange/orange_SVGTheme_LightTheme.module.css +8 -8
- package/assets/Appearance/light/themes/red/red_SVGTheme_LightTheme.module.css +8 -8
- package/assets/Appearance/light/themes/yellow/yellow_SVGTheme_LightTheme.module.css +8 -8
- package/assets/Appearance/pureDark/mode/SVG_PureDarkMode.module.css +22 -22
- package/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/green/green_SVGTheme_PureDarkTheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/orange/orange_SVGTheme_PureDarkTheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/red/red_SVGTheme_PureDarkTheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/yellow/yellow_SVGTheme_PureDarkTheme.module.css +8 -8
- package/es/v1/emptystate/version3/AddFolder.js +101 -0
- package/es/v1/emptystate/version3/AllowListBlockList.js +93 -0
- package/es/v1/emptystate/version3/EmptyAllowList.js +90 -0
- package/es/v1/emptystate/version3/EmptyBlockList.js +90 -0
- package/es/v1/emptystate/version3/EmptyIntegration.js +56 -0
- package/es/v1/emptystate/version3/ShareFolder.js +113 -0
- package/lib/v1/emptystate/version3/AddFolder.js +123 -0
- package/lib/v1/emptystate/version3/AllowListBlockList.js +113 -0
- package/lib/v1/emptystate/version3/EmptyAllowList.js +111 -0
- package/lib/v1/emptystate/version3/EmptyBlockList.js +111 -0
- package/lib/v1/emptystate/version3/EmptyIntegration.js +114 -0
- package/lib/v1/emptystate/version3/ShareFolder.js +135 -0
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
This Bundle Contains EmptyState Images.
|
|
4
4
|
|
|
5
|
+
# 1.2.5
|
|
6
|
+
|
|
7
|
+
- v1 => EmptyIntegration svg added.
|
|
8
|
+
|
|
9
|
+
# 1.2.4
|
|
10
|
+
|
|
11
|
+
- v1 => AllowListBlockList, EmptyAllowlist and EmptyBlocklist SVG's added.
|
|
12
|
+
|
|
13
|
+
# 1.2.3
|
|
14
|
+
|
|
15
|
+
- v1 => AddFolder and ShareFolder SVG's added.
|
|
16
|
+
|
|
5
17
|
# 1.2.2
|
|
6
18
|
|
|
7
19
|
- v1 => Import and Export svg components changed.
|
|
@@ -5,35 +5,35 @@
|
|
|
5
5
|
--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
|
|
6
6
|
--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
|
|
7
7
|
--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
|
|
8
|
-
--zdt_svg_default_plus: hsla(212, calc(var(--zd-
|
|
9
|
-
--zdt_svg_default_cross: hsla(163, calc(var(--zd-
|
|
10
|
-
--zdt_svg_default_medium_circle: hsla(0, calc(var(--zd-
|
|
11
|
-
--zdt_svg_default_tiny_circle: hsla(133, calc(var(--zd-
|
|
12
|
-
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-
|
|
13
|
-
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-
|
|
8
|
+
--zdt_svg_default_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svg_default_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
10
|
+
--zdt_svg_default_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
11
|
+
--zdt_svg_default_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
12
|
+
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
14
14
|
|
|
15
15
|
/* dark palette */
|
|
16
16
|
--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
|
|
17
17
|
--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
|
|
18
18
|
--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
|
|
19
19
|
--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
|
|
20
|
-
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-
|
|
21
|
-
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-
|
|
22
|
-
--zdt_svg_dark_medium_circle: hsla(0, calc(var(--zd-
|
|
23
|
-
--zdt_svg_dark_tiny_circle: hsla(133, calc(var(--zd-
|
|
24
|
-
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-
|
|
25
|
-
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-
|
|
20
|
+
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_svg_dark_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
23
|
+
--zdt_svg_dark_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
24
|
+
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
25
|
+
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
26
26
|
|
|
27
27
|
/* danger palette */
|
|
28
|
-
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-
|
|
29
|
-
--zdt_svg_danger_primary_stroke: hsla(212, calc(var(--zd-
|
|
30
|
-
--zdt_svg_danger_secondary_fill: hsla(213, calc(var(--zd-
|
|
31
|
-
--zdt_svg_danger_secondary_plainfill: hsla(213, calc(var(--zd-
|
|
32
|
-
--zdt_svg_danger_plus: hsla(212, calc(var(--zd-
|
|
33
|
-
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-
|
|
34
|
-
--zdt_svg_danger_medium_circle: hsla(0, calc(var(--zd-
|
|
35
|
-
--zdt_svg_danger_tiny_circle: hsla(133, calc(var(--zd-
|
|
36
|
-
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-
|
|
37
|
-
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-
|
|
28
|
+
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
29
|
+
--zdt_svg_danger_primary_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
30
|
+
--zdt_svg_danger_secondary_fill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
31
|
+
--zdt_svg_danger_secondary_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
32
|
+
--zdt_svg_danger_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
33
|
+
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
34
|
+
--zdt_svg_danger_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
35
|
+
--zdt_svg_danger_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
36
|
+
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
37
|
+
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
38
38
|
}
|
|
39
39
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='dark'][data-theme='blue'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(212, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(213, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(217, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(212, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(213, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(213, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), 54.51%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='dark'][data-theme='green'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(133, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(133, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='dark'][data-theme='orange'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(26, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(26, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(26, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(26, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(26, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(26, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='dark'][data-theme='red'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='dark'][data-theme='yellow'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(37, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(37, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(37, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(37, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(37, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(37, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -5,35 +5,35 @@
|
|
|
5
5
|
--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
|
|
6
6
|
--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
|
|
7
7
|
--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
|
|
8
|
-
--zdt_svg_default_plus: hsla(216, calc(var(--zd-
|
|
9
|
-
--zdt_svg_default_cross: hsla(163, calc(var(--zd-
|
|
10
|
-
--zdt_svg_default_medium_circle: hsla(354, calc(var(--zd-
|
|
11
|
-
--zdt_svg_default_tiny_circle: hsla(163, calc(var(--zd-
|
|
12
|
-
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-
|
|
13
|
-
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-
|
|
8
|
+
--zdt_svg_default_plus: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svg_default_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
10
|
+
--zdt_svg_default_medium_circle: hsla(354, calc(var(--zd-saturation) * 71.27%), calc(64.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
11
|
+
--zdt_svg_default_tiny_circle: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
12
|
+
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
14
14
|
|
|
15
15
|
/* dark palette */
|
|
16
16
|
--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
|
|
17
17
|
--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
|
|
18
18
|
--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
|
|
19
19
|
--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
|
|
20
|
-
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-
|
|
21
|
-
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-
|
|
22
|
-
--zdt_svg_dark_medium_circle: hsla(354, calc(var(--zd-
|
|
23
|
-
--zdt_svg_dark_tiny_circle: hsla(163, calc(var(--zd-
|
|
24
|
-
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-
|
|
25
|
-
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-
|
|
20
|
+
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_svg_dark_medium_circle: hsla(354, calc(var(--zd-saturation) * 71.27%), calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
23
|
+
--zdt_svg_dark_tiny_circle: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
24
|
+
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
25
|
+
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
26
26
|
|
|
27
27
|
/* danger palette */
|
|
28
|
-
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-
|
|
29
|
-
--zdt_svg_danger_primary_stroke: hsla(0, calc(var(--zd-
|
|
30
|
-
--zdt_svg_danger_secondary_fill: hsla(216, calc(var(--zd-
|
|
31
|
-
--zdt_svg_danger_secondary_plainfill: hsla(216, calc(var(--zd-
|
|
32
|
-
--zdt_svg_danger_plus: hsla(216, calc(var(--zd-
|
|
33
|
-
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-
|
|
34
|
-
--zdt_svg_danger_medium_circle: hsla(354, calc(var(--zd-
|
|
35
|
-
--zdt_svg_danger_tiny_circle: hsla(163, calc(var(--zd-
|
|
36
|
-
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-
|
|
37
|
-
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-
|
|
28
|
+
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
29
|
+
--zdt_svg_danger_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
30
|
+
--zdt_svg_danger_secondary_fill: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
31
|
+
--zdt_svg_danger_secondary_plainfill: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
32
|
+
--zdt_svg_danger_plus: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
33
|
+
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
34
|
+
--zdt_svg_danger_medium_circle: hsla(354, calc(var(--zd-saturation) * 71.27%), calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
35
|
+
--zdt_svg_danger_tiny_circle: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
36
|
+
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
37
|
+
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
38
38
|
}
|
|
39
39
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='light'][data-theme='blue'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(212, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(231, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(216, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(216, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 4.62%), calc(12.75% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 91.84%), 48.04%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(212, calc(var(--zd-saturation) * 91.84%), calc(48.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(231, calc(var(--zd-saturation) * 37.98%), calc(74.71% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(216, calc(var(--zd-saturation) * 48.78%), calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='light'][data-theme='green'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), 40.59%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), 40.59%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-saturation) * 63.29%), calc(40.59% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='light'][data-theme='orange'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(28, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(28, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(28, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(28, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), 49.41%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(28, calc(var(--zd-saturation) * 81.75%), calc(49.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='light'][data-theme='red'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), 53.92%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), 53.92%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-saturation) * 71.91%), calc(53.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='light'][data-theme='yellow'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(46, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(46, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(46, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(46, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), 52.35%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), 52.35%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(46, calc(var(--zd-saturation) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(46, calc(var(--zd-saturation) * 81.07%), calc(52.35% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(46, calc(var(--zd-saturation) * 81.07%), calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -5,35 +5,35 @@
|
|
|
5
5
|
--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
|
|
6
6
|
--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
|
|
7
7
|
--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
|
|
8
|
-
--zdt_svg_default_plus: hsla(212, calc(var(--zd-
|
|
9
|
-
--zdt_svg_default_cross: hsla(163, calc(var(--zd-
|
|
10
|
-
--zdt_svg_default_medium_circle: hsla(0, calc(var(--zd-
|
|
11
|
-
--zdt_svg_default_tiny_circle: hsla(133, calc(var(--zd-
|
|
12
|
-
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-
|
|
13
|
-
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-
|
|
8
|
+
--zdt_svg_default_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svg_default_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
10
|
+
--zdt_svg_default_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
11
|
+
--zdt_svg_default_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
12
|
+
--zdt_svg_default_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
13
|
+
--zdt_svg_default_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
14
14
|
|
|
15
15
|
/* dark palette */
|
|
16
16
|
--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
|
|
17
17
|
--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
|
|
18
18
|
--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
|
|
19
19
|
--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
|
|
20
|
-
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-
|
|
21
|
-
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-
|
|
22
|
-
--zdt_svg_dark_medium_circle: hsla(0, calc(var(--zd-
|
|
23
|
-
--zdt_svg_dark_tiny_circle: hsla(133, calc(var(--zd-
|
|
24
|
-
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-
|
|
25
|
-
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-
|
|
20
|
+
--zdt_svg_dark_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
21
|
+
--zdt_svg_dark_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
22
|
+
--zdt_svg_dark_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
23
|
+
--zdt_svg_dark_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
24
|
+
--zdt_svg_dark_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
25
|
+
--zdt_svg_dark_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
26
26
|
|
|
27
27
|
/* danger palette */
|
|
28
|
-
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-
|
|
29
|
-
--zdt_svg_danger_primary_stroke: hsla(212, calc(var(--zd-
|
|
30
|
-
--zdt_svg_danger_secondary_fill: hsla(213, calc(var(--zd-
|
|
31
|
-
--zdt_svg_danger_secondary_plainfill: hsla(213, calc(var(--zd-
|
|
32
|
-
--zdt_svg_danger_plus: hsla(212, calc(var(--zd-
|
|
33
|
-
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-
|
|
34
|
-
--zdt_svg_danger_medium_circle: hsla(0, calc(var(--zd-
|
|
35
|
-
--zdt_svg_danger_tiny_circle: hsla(133, calc(var(--zd-
|
|
36
|
-
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-
|
|
37
|
-
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-
|
|
28
|
+
--zdt_svg_danger_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
29
|
+
--zdt_svg_danger_primary_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
|
|
30
|
+
--zdt_svg_danger_secondary_fill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
31
|
+
--zdt_svg_danger_secondary_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
32
|
+
--zdt_svg_danger_plus: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
33
|
+
--zdt_svg_danger_cross: hsla(163, calc(var(--zd-saturation) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
34
|
+
--zdt_svg_danger_medium_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
35
|
+
--zdt_svg_danger_tiny_circle: hsla(133, calc(var(--zd-saturation) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
36
|
+
--zdt_svg_danger_small_circle: hsla(0, calc(var(--zd-saturation) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
37
|
+
--zdt_svg_danger_circle_fill: hsla(0, calc(var(--zd-saturation) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
|
|
38
38
|
}
|
|
39
39
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='pureDark'][data-theme='blue'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(212, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(213, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(217, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(212, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(213, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(213, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), 54.51%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(212, calc(var(--zd-saturation) * 100.00%), 63.92%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(217, calc(var(--zd-saturation) * 7.76%), calc(54.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(212, calc(var(--zd-saturation) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(213, calc(var(--zd-saturation) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='pureDark'][data-theme='green'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(128, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(134, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(128, calc(var(--zd-saturation) * 79.71%), calc(27.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), 45.10%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(134, calc(var(--zd-saturation) * 78.63%), calc(25.69% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(133, calc(var(--zd-saturation) * 40.00%), calc(45.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='pureDark'][data-theme='orange'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(29, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(26, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(26, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(29, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(26, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(26, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(29, calc(var(--zd-saturation) * 100.00%), calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), 56.08%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(29, calc(var(--zd-saturation) * 100.00%), calc(32.94% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(26, calc(var(--zd-saturation) * 100.00%), calc(56.08% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='pureDark'][data-theme='red'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(0, calc(var(--zd-saturation) * 81.62%), 36.27%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), 61.18%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(0, calc(var(--zd-saturation) * 81.62%), calc(36.27% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(0, calc(var(--zd-saturation) * 77.78%), calc(61.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
@layer dot-svg.theme {
|
|
2
2
|
[data-mode='pureDark'][data-theme='yellow'] {
|
|
3
|
-
--zdt_svgcta_primary_fill:
|
|
4
|
-
--zdt_svgcta_primary_stroke: hsla(39, calc(var(--zd-
|
|
5
|
-
--zdt_svgcta_secondary_fill:
|
|
6
|
-
--zdt_svgcta_secondary_plainfill: hsla(37, calc(var(--zd-
|
|
7
|
-
--zdt_svgcta_primary_dark_fill: hsla(37, calc(var(--zd-
|
|
8
|
-
--zdt_svgcta_primary_dark_stroke: hsla(39, calc(var(--zd-
|
|
9
|
-
--zdt_svgcta_secondary_dark_fill: hsla(37, calc(var(--zd-
|
|
10
|
-
--zdt_svgcta_secondary_dark_plainfill: hsla(37, calc(var(--zd-
|
|
3
|
+
--zdt_svgcta_primary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 1);
|
|
4
|
+
--zdt_svgcta_primary_stroke: hsla(39, calc(var(--zd-saturation) * 90.18%), calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
5
|
+
--zdt_svgcta_secondary_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), 52.55%, 0.25);
|
|
6
|
+
--zdt_svgcta_secondary_plainfill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
7
|
+
--zdt_svgcta_primary_dark_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
8
|
+
--zdt_svgcta_primary_dark_stroke: hsla(39, calc(var(--zd-saturation) * 90.18%), calc(31.96% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
|
|
9
|
+
--zdt_svgcta_secondary_dark_fill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
|
|
10
|
+
--zdt_svgcta_secondary_dark_plainfill: hsla(37, calc(var(--zd-saturation) * 66.94%), calc(52.55% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
|
|
11
11
|
}
|
|
12
12
|
}
|