ui-theme-igc-effect 1.5.3 → 1.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/themes/igcEffect/Theme.css +32 -32
  2. package/dist/themes/igcEffect/_color/Theme_color_igcEffectCustom.css +42 -42
  3. package/dist/themes/igcEffect/_color/Theme_color_igcEffectDark.css +112 -112
  4. package/dist/themes/igcEffect/_color/Theme_color_igcEffectDefault.css +110 -110
  5. package/dist/themes/igcEffect/_component/Theme_component_igcEffectButton.css +15 -15
  6. package/dist/themes/igcEffect/_component/Theme_component_igcEffectCheckbox.css +117 -111
  7. package/dist/themes/igcEffect/_component/Theme_component_igcEffectCommon.css +28 -28
  8. package/dist/themes/igcEffect/_component/Theme_component_igcEffectDatePicker.css +3 -3
  9. package/dist/themes/igcEffect/_component/Theme_component_igcEffectRadio.css +66 -60
  10. package/dist/themes/igcEffect/_component/Theme_component_igcEffectRctable.css +55 -55
  11. package/dist/themes/igcEffect/_component/Theme_component_igcEffectSelect.css +196 -196
  12. package/dist/themes/igcEffect/_component/Theme_component_igcEffectSwitch.css +44 -44
  13. package/dist/themes/igcEffect/_component/Theme_component_igcEffectTabs.css +25 -25
  14. package/dist/themes/igcEffect/_component/Theme_component_igcEffectTextField.css +44 -44
  15. package/dist/themes/igcEffect/_component/Theme_component_igcEffectTooltip.css +5 -5
  16. package/dist/themes/igcEffect/_control/Theme_control_igcEffect.css +19 -19
  17. package/dist/themes/igcEffect/_font/Theme_font_igcEffect.css +107 -107
  18. package/dist/themes/igcEffect/_shadow/Theme_shadow_igcEffect.css +8 -8
  19. package/dist/themes/igcEffect/_size/Theme_size_igcEffect.css +27 -27
  20. package/dist/themes/igcEffect/_space/Theme_space_igcEffect.css +14 -14
  21. package/package.json +36 -36
package/dist/themes/igcEffect/Theme.css CHANGED
@@ -1,32 +1,32 @@
1
- .Theme {
2
- --graphics-size-xs: 12px;
3
- --graphics-size-s: 16px;
4
- --graphics-size-m: 24px;
5
- --graphics-size-l: 32px;
6
- --graphics-size-xl: 40px;
7
- --graphics-size-2xl: 60px;
8
- --graphics-size-3xl: 80px;
9
- --graphics-size-4xl: 120px;
10
-
11
- *::-webkit-scrollbar {
12
- width: 8px;
13
- height: 8px;
14
- }
15
-
16
- *::-webkit-scrollbar-track {
17
- background-color: var(--color-scroll-bg);
18
- }
19
-
20
- *::-webkit-scrollbar-corner {
21
- background-color: var(--color-scroll-bg);
22
- }
23
-
24
- *::-webkit-scrollbar-thumb {
25
- background-color: var(--color-scroll-thumb);
26
- border-radius: 0px;
27
- }
28
-
29
- *::-webkit-scrollbar-thumb:hover {
30
- background-color: var(--color-scroll-thumb-hover);
31
- }
32
- }
1
+ .Theme {
2
+ --graphics-size-xs: 12px;
3
+ --graphics-size-s: 16px;
4
+ --graphics-size-m: 24px;
5
+ --graphics-size-l: 32px;
6
+ --graphics-size-xl: 40px;
7
+ --graphics-size-2xl: 60px;
8
+ --graphics-size-3xl: 80px;
9
+ --graphics-size-4xl: 120px;
10
+
11
+ *::-webkit-scrollbar {
12
+ width: 8px;
13
+ height: 8px;
14
+ }
15
+
16
+ *::-webkit-scrollbar-track {
17
+ background-color: var(--color-scroll-bg);
18
+ }
19
+
20
+ *::-webkit-scrollbar-corner {
21
+ background-color: var(--color-scroll-bg);
22
+ }
23
+
24
+ *::-webkit-scrollbar-thumb {
25
+ background-color: var(--color-scroll-thumb);
26
+ border-radius: 0px;
27
+ }
28
+
29
+ *::-webkit-scrollbar-thumb:hover {
30
+ background-color: var(--color-scroll-thumb-hover);
31
+ }
32
+ }
package/dist/themes/igcEffect/_color/Theme_color_igcEffectCustom.css CHANGED
@@ -1,42 +1,42 @@
1
- .Theme_color_igcEffectDefault,
2
- .Theme_color_igcEffectDark {
3
- --color-blue-ui: rgba(53, 33, 255, 1);
4
- --color-blue-ui-hovered: rgba(47, 29, 225, 1);
5
- --color-blue-ui-pressed: rgba(20, 0, 219, 1);
6
- --color-royal-blue: rgba(233, 234, 255, 1);
7
- --color-royal-blue-10: rgba(249, 249, 255, 1);
8
- --color-royal-blue-50: rgba(242, 243, 255, 1);
9
- --color-royal-blue-100: var(--color-royal-blue);
10
- --color-royal-blue-200: rgba(197, 191, 255, 1);
11
- --color-royal-blue-300: rgba(177, 169, 255, 1);
12
- --color-gray-100: rgba(233, 234, 242, 1);
13
- --color-gray-200: rgba(209, 210, 222, 1);
14
- --color-gray-300: rgba(183, 185, 199, 1);
15
- --color-gray-400: rgba(156, 158, 173, 1);
16
- --color-gray-500: rgba(126, 128, 143, 1);
17
- --color-gray-600: rgba(96, 99, 115, 1);
18
- --color-red-10: rgba(254, 245, 246, 1);
19
- --color-red-50: rgba(255, 236, 238, 1);
20
- --color-red-100: rgba(252, 217, 220, 1);
21
- --color-red-400: rgba(241, 60, 79, 1);
22
- --color-red-500: rgba(235, 42, 56, 1);
23
- --color-red-error: rgba(243, 92, 108, 1);
24
- --color-aquamarine-50: rgba(242, 254, 255, 1);
25
- --color-aquamarine-70: rgba(238, 255, 250, 1);
26
- --color-aquamarine-100: rgba(223, 250, 242, 1);
27
- --color-aquamarine-200: rgba(192, 249, 233, 1);
28
- --color-aquamarine-300: rgba(107, 245, 207, 1);
29
- --color-aquamarine-500: rgba(59, 233, 185, 1);
30
- --color-aquamarine-700: rgba(11, 201, 148, 1);
31
- --color-aquamarine-800: rgba(8, 188, 139, 1);
32
- --color-aquamarine-900: rgba(12, 163, 121, 1);
33
- --color-dark-blue: rgba(71, 91, 229, 1);
34
- --color-orange-10: rgba(255, 247, 245, 1);
35
- --color-orange-50: rgba(255, 239, 233, 1);
36
- --color-orange-100: rgba(255, 230, 209, 1);
37
- --color-orange-400: rgba(255, 113, 0, 1);
38
- --color-orange-500: rgba(240, 106, 0, 1);
39
- --color-orange-600: rgba(225, 100, 0, 1);
40
- --color-orange-1000: rgba(255, 95, 25, 1);
41
- --color-volcano-600: rgba(255, 181, 0, 1);
42
- }
1
+ .Theme_color_igcEffectDefault,
2
+ .Theme_color_igcEffectDark {
3
+ --color-blue-ui: rgba(53, 33, 255, 1);
4
+ --color-blue-ui-hovered: rgba(47, 29, 225, 1);
5
+ --color-blue-ui-pressed: rgba(20, 0, 219, 1);
6
+ --color-royal-blue: rgba(233, 234, 255, 1);
7
+ --color-royal-blue-10: rgba(249, 249, 255, 1);
8
+ --color-royal-blue-50: rgba(242, 243, 255, 1);
9
+ --color-royal-blue-100: var(--color-royal-blue);
10
+ --color-royal-blue-200: rgba(197, 191, 255, 1);
11
+ --color-royal-blue-300: rgba(177, 169, 255, 1);
12
+ --color-gray-100: rgba(233, 234, 242, 1);
13
+ --color-gray-200: rgba(209, 210, 222, 1);
14
+ --color-gray-300: rgba(183, 185, 199, 1);
15
+ --color-gray-400: rgba(156, 158, 173, 1);
16
+ --color-gray-500: rgba(126, 128, 143, 1);
17
+ --color-gray-600: rgba(96, 99, 115, 1);
18
+ --color-red-10: rgba(254, 245, 246, 1);
19
+ --color-red-50: rgba(255, 236, 238, 1);
20
+ --color-red-100: rgba(252, 217, 220, 1);
21
+ --color-red-400: rgba(241, 60, 79, 1);
22
+ --color-red-500: rgba(235, 42, 56, 1);
23
+ --color-red-error: rgba(243, 92, 108, 1);
24
+ --color-aquamarine-50: rgba(242, 254, 255, 1);
25
+ --color-aquamarine-70: rgba(238, 255, 250, 1);
26
+ --color-aquamarine-100: rgba(223, 250, 242, 1);
27
+ --color-aquamarine-200: rgba(192, 249, 233, 1);
28
+ --color-aquamarine-300: rgba(107, 245, 207, 1);
29
+ --color-aquamarine-500: rgba(59, 233, 185, 1);
30
+ --color-aquamarine-700: rgba(11, 201, 148, 1);
31
+ --color-aquamarine-800: rgba(8, 188, 139, 1);
32
+ --color-aquamarine-900: rgba(12, 163, 121, 1);
33
+ --color-dark-blue: rgba(71, 91, 229, 1);
34
+ --color-orange-10: rgba(255, 247, 245, 1);
35
+ --color-orange-50: rgba(255, 239, 233, 1);
36
+ --color-orange-100: rgba(255, 230, 209, 1);
37
+ --color-orange-400: rgba(255, 113, 0, 1);
38
+ --color-orange-500: rgba(240, 106, 0, 1);
39
+ --color-orange-600: rgba(225, 100, 0, 1);
40
+ --color-orange-1000: rgba(255, 95, 25, 1);
41
+ --color-volcano-600: rgba(255, 181, 0, 1);
42
+ }
package/dist/themes/igcEffect/_color/Theme_color_igcEffectDark.css CHANGED
@@ -1,112 +1,112 @@
1
- .Theme_color_igcEffectDark {
2
- --color-bg-default: rgb(34, 39, 43);
3
- --color-bg-secondary: rgb(22, 26, 29);
4
-
5
- --color-bg-brand: rgb(0, 113, 178);
6
-
7
- --color-bg-link: rgb(0, 120, 210);
8
- --color-bg-border: rgba(255, 255, 255, 0.2);
9
- --color-bg-stripe: rgba(246, 251, 253, 0.06);
10
-
11
- --color-bg-ghost: rgba(246, 251, 253, 0.1);
12
- --color-bg-tone: rgba(6, 20, 25, 0.85);
13
-
14
- --color-bg-soft: rgba(255, 255, 255, 0.9);
15
-
16
- --color-bg-system: rgb(77, 82, 91);
17
-
18
- --color-bg-normal: rgb(10, 165, 255);
19
-
20
- --color-bg-success: rgb(34, 195, 142);
21
- --color-bg-caution: rgb(242, 201, 76);
22
-
23
- --color-bg-warning: rgb(243, 139, 0);
24
-
25
- --color-bg-alert: rgb(254, 67, 67);
26
- --color-bg-critical: rgb(51, 0, 15);
27
- --color-typo-primary: rgb(250, 250, 250);
28
-
29
- --color-typo-secondary: rgba(255, 255, 255, 0.6);
30
-
31
- --color-typo-ghost: rgba(255, 255, 255, 0.3);
32
-
33
- --color-typo-brand: rgb(0, 113, 178);
34
-
35
- --color-typo-system: rgb(99, 110, 131);
36
-
37
- --color-typo-normal: rgb(0, 155, 245);
38
-
39
- --color-typo-success: rgb(15, 174, 121);
40
-
41
- --color-typo-caution: rgb(248, 199, 53);
42
-
43
- --color-typo-warning: rgb(230, 130, 0);
44
-
45
- --color-typo-alert: rgb(247, 59, 59);
46
-
47
- --color-typo-critical: rgb(97, 0, 29);
48
-
49
- --color-typo-link: rgb(15, 159, 255);
50
-
51
- --color-typo-link-minor: rgb(111, 165, 200);
52
-
53
- --color-typo-link-hover: rgb(87, 188, 255);
54
- --color-scroll-bg: rgba(246, 251, 253, 0.06);
55
- --color-scroll-thumb: rgba(246, 251, 253, 0.24);
56
- --color-scroll-thumb-hover: rgba(246, 251, 253, 0.32);
57
- --color-control-bg-default: rgb(34, 39, 43);
58
-
59
- --color-control-typo-default: rgba(255, 255, 255, 0.8);
60
-
61
- --color-control-typo-placeholder: rgba(255, 255, 255, 0.35);
62
-
63
- --color-control-bg-border-default: rgba(246, 251, 253, 0.28);
64
-
65
- --color-control-bg-border-default-hover: rgba(246, 251, 253, 0.52);
66
-
67
- --color-control-bg-border-focus: rgb(5, 147, 255);
68
- --color-control-bg-focus: rgba(0, 120, 210, 0.4);
69
-
70
- --color-control-bg-active: rgba(0, 120, 210, 0.7);
71
- --color-control-bg-primary: rgb(53, 33, 255);
72
-
73
- --color-control-bg-primary-hover: rgb(23, 0, 254);
74
-
75
- --color-control-typo-primary: rgb(255, 255, 255);
76
-
77
- --color-control-typo-primary-hover: rgb(255, 255, 255);
78
- --color-control-bg-secondary: rgba(34, 39, 43, 0);
79
-
80
- --color-control-bg-border-secondary: rgb(15, 159, 210);
81
-
82
- --color-control-bg-border-secondary-hover: rgb(0, 145, 255);
83
-
84
- --color-control-typo-secondary: rgb(15, 159, 255);
85
-
86
- --color-control-typo-secondary-hover: rgb(87, 188, 255);
87
- --color-control-bg-ghost: rgba(250, 250, 250, 0.16);
88
-
89
- --color-control-bg-ghost-hover: rgba(250, 250, 250, 0.23);
90
-
91
- --color-control-typo-ghost: rgba(255, 255, 255, 0.75);
92
-
93
- --color-control-typo-ghost-hover: rgba(255, 255, 255, 0.9);
94
- --color-control-bg-clear: rgba(250, 250, 250, 0);
95
-
96
- --color-control-bg-clear-hover: rgba(250, 250, 250, 0.23);
97
-
98
- --color-control-typo-clear: rgba(255, 255, 255, 0.75);
99
-
100
- --color-control-typo-clear-hover: rgba(255, 255, 255, 0.9);
101
- --color-control-bg-disable: rgba(250, 250, 250, 0.16);
102
-
103
- --color-control-bg-border-disable: rgba(250, 250, 250, 0);
104
-
105
- --color-control-typo-disable: rgba(255, 255, 255, 0.24);
106
- --color-shadow-group-1: rgba(0, 0, 0, 0.08);
107
- --color-shadow-group-2: rgba(0, 0, 0, 0.32);
108
- --color-shadow-layer-1: rgba(0, 0, 0, 0.08);
109
- --color-shadow-layer-2: rgba(0, 0, 0, 0.32);
110
- --color-shadow-modal-1: rgba(0, 0, 0, 0.08);
111
- --color-shadow-modal-2: rgba(0, 0, 0, 0.32);
112
- }
1
+ .Theme_color_igcEffectDark {
2
+ --color-bg-default: rgb(34, 39, 43);
3
+ --color-bg-secondary: rgb(22, 26, 29);
4
+
5
+ --color-bg-brand: rgb(0, 113, 178);
6
+
7
+ --color-bg-link: rgb(0, 120, 210);
8
+ --color-bg-border: rgba(255, 255, 255, 0.2);
9
+ --color-bg-stripe: rgba(246, 251, 253, 0.06);
10
+
11
+ --color-bg-ghost: rgba(246, 251, 253, 0.1);
12
+ --color-bg-tone: rgba(6, 20, 25, 0.85);
13
+
14
+ --color-bg-soft: rgba(255, 255, 255, 0.9);
15
+
16
+ --color-bg-system: rgb(77, 82, 91);
17
+
18
+ --color-bg-normal: rgb(10, 165, 255);
19
+
20
+ --color-bg-success: rgb(34, 195, 142);
21
+ --color-bg-caution: rgb(242, 201, 76);
22
+
23
+ --color-bg-warning: rgb(243, 139, 0);
24
+
25
+ --color-bg-alert: rgb(254, 67, 67);
26
+ --color-bg-critical: rgb(51, 0, 15);
27
+ --color-typo-primary: rgb(250, 250, 250);
28
+
29
+ --color-typo-secondary: rgba(255, 255, 255, 0.6);
30
+
31
+ --color-typo-ghost: rgba(255, 255, 255, 0.3);
32
+
33
+ --color-typo-brand: rgb(0, 113, 178);
34
+
35
+ --color-typo-system: rgb(99, 110, 131);
36
+
37
+ --color-typo-normal: rgb(0, 155, 245);
38
+
39
+ --color-typo-success: rgb(15, 174, 121);
40
+
41
+ --color-typo-caution: rgb(248, 199, 53);
42
+
43
+ --color-typo-warning: rgb(230, 130, 0);
44
+
45
+ --color-typo-alert: rgb(247, 59, 59);
46
+
47
+ --color-typo-critical: rgb(97, 0, 29);
48
+
49
+ --color-typo-link: rgb(15, 159, 255);
50
+
51
+ --color-typo-link-minor: rgb(111, 165, 200);
52
+
53
+ --color-typo-link-hover: rgb(87, 188, 255);
54
+ --color-scroll-bg: rgba(246, 251, 253, 0.06);
55
+ --color-scroll-thumb: rgba(246, 251, 253, 0.24);
56
+ --color-scroll-thumb-hover: rgba(246, 251, 253, 0.32);
57
+ --color-control-bg-default: rgb(34, 39, 43);
58
+
59
+ --color-control-typo-default: rgba(255, 255, 255, 0.8);
60
+
61
+ --color-control-typo-placeholder: rgba(255, 255, 255, 0.35);
62
+
63
+ --color-control-bg-border-default: rgba(246, 251, 253, 0.28);
64
+
65
+ --color-control-bg-border-default-hover: rgba(246, 251, 253, 0.52);
66
+
67
+ --color-control-bg-border-focus: rgb(5, 147, 255);
68
+ --color-control-bg-focus: rgba(0, 120, 210, 0.4);
69
+
70
+ --color-control-bg-active: rgba(0, 120, 210, 0.7);
71
+ --color-control-bg-primary: rgb(53, 33, 255);
72
+
73
+ --color-control-bg-primary-hover: rgb(23, 0, 254);
74
+
75
+ --color-control-typo-primary: rgb(255, 255, 255);
76
+
77
+ --color-control-typo-primary-hover: rgb(255, 255, 255);
78
+ --color-control-bg-secondary: rgba(34, 39, 43, 0);
79
+
80
+ --color-control-bg-border-secondary: rgb(15, 159, 210);
81
+
82
+ --color-control-bg-border-secondary-hover: rgb(0, 145, 255);
83
+
84
+ --color-control-typo-secondary: rgb(15, 159, 255);
85
+
86
+ --color-control-typo-secondary-hover: rgb(87, 188, 255);
87
+ --color-control-bg-ghost: rgba(250, 250, 250, 0.16);
88
+
89
+ --color-control-bg-ghost-hover: rgba(250, 250, 250, 0.23);
90
+
91
+ --color-control-typo-ghost: rgba(255, 255, 255, 0.75);
92
+
93
+ --color-control-typo-ghost-hover: rgba(255, 255, 255, 0.9);
94
+ --color-control-bg-clear: rgba(250, 250, 250, 0);
95
+
96
+ --color-control-bg-clear-hover: rgba(250, 250, 250, 0.23);
97
+
98
+ --color-control-typo-clear: rgba(255, 255, 255, 0.75);
99
+
100
+ --color-control-typo-clear-hover: rgba(255, 255, 255, 0.9);
101
+ --color-control-bg-disable: rgba(250, 250, 250, 0.16);
102
+
103
+ --color-control-bg-border-disable: rgba(250, 250, 250, 0);
104
+
105
+ --color-control-typo-disable: rgba(255, 255, 255, 0.24);
106
+ --color-shadow-group-1: rgba(0, 0, 0, 0.08);
107
+ --color-shadow-group-2: rgba(0, 0, 0, 0.32);
108
+ --color-shadow-layer-1: rgba(0, 0, 0, 0.08);
109
+ --color-shadow-layer-2: rgba(0, 0, 0, 0.32);
110
+ --color-shadow-modal-1: rgba(0, 0, 0, 0.08);
111
+ --color-shadow-modal-2: rgba(0, 0, 0, 0.32);
112
+ }
package/dist/themes/igcEffect/_color/Theme_color_igcEffectDefault.css CHANGED
@@ -1,110 +1,110 @@
1
- .Theme_color_igcEffectDefault {
2
- --color-bg-default: rgb(255, 255, 255);
3
- --color-bg-secondary: rgb(244, 246, 251);
4
-
5
- --color-bg-brand: rgb(0, 113, 178);
6
-
7
- --color-bg-link: var(--color-blue-ui);
8
- --color-bg-border: rgba(0, 65, 102, 0.2);
9
- --color-bg-stripe: rgba(0, 32, 51, 0.05);
10
-
11
- --color-bg-ghost: rgba(0, 32, 51, 0.08);
12
-
13
- --color-bg-tone: rgba(71, 74, 89, 0.3);
14
- --color-bg-soft: rgba(255, 255, 255, 0.9);
15
- --color-bg-system: rgb(222, 228, 232);
16
-
17
- --color-bg-normal: rgb(86, 185, 242);
18
-
19
- --color-bg-success: rgb(223, 250, 242);
20
- --color-bg-caution: rgb(242, 201, 76);
21
-
22
- --color-bg-warning: rgb(255, 246, 214);
23
-
24
- --color-bg-alert: rgb(255, 236, 238);
25
- --color-bg-critical: rgb(51, 0, 15);
26
- --color-typo-primary: rgb(26, 27, 38);
27
-
28
- --color-typo-secondary: rgb(126, 128, 143);
29
-
30
- --color-typo-ghost: rgba(26, 27, 38, 0.3);
31
-
32
- --color-typo-brand: rgb(0, 113, 178);
33
-
34
- --color-typo-system: var(--color-blue-ui);
35
-
36
- --color-typo-normal: rgb(51, 180, 255);
37
-
38
- --color-typo-success: rgb(11, 201, 148);
39
-
40
- --color-typo-caution: rgb(255, 161, 10);
41
-
42
- --color-typo-warning: rgb(255, 122, 0);
43
-
44
- --color-typo-alert: rgb(243, 92, 108);
45
-
46
- --color-typo-critical: rgb(51, 0, 15);
47
-
48
- --color-typo-link: rgb(80, 102, 255);
49
- --color-typo-link-minor: rgb(70, 89, 216);
50
-
51
- --color-typo-link-hover: rgb(122, 140, 255);
52
- --color-scroll-bg: rgba(0, 66, 105, 0.06);
53
- --color-scroll-thumb: rgba(0, 66, 105, 0.24);
54
- --color-scroll-thumb-hover: rgba(0, 66, 105, 0.32);
55
- --color-control-bg-default: rgb(255, 255, 255);
56
-
57
- --color-control-typo-default: rgb(26, 27, 38);
58
-
59
- --color-control-typo-placeholder: var(--color-gray-500);
60
-
61
- --color-control-bg-border-default: rgb(183, 185, 199);
62
-
63
- --color-control-bg-border-default-hover: rgba(0, 66, 105, 0.52);
64
-
65
- --color-control-bg-border-focus: rgb(128, 144, 255);
66
- --color-control-bg-focus: rgba(80, 102, 255, 0.3);
67
-
68
- --color-control-bg-active: rgba(80, 102, 255, 0.5);
69
- --color-control-bg-primary: var(--color-blue-ui);
70
-
71
- --color-control-bg-primary-hover: rgb(23, 0, 254);
72
-
73
- --color-control-typo-primary: rgb(255, 255, 255);
74
-
75
- --color-control-typo-primary-hover: rgb(255, 255, 255);
76
- --color-control-bg-secondary: rgba(255, 255, 255, 0);
77
-
78
- --color-control-bg-border-secondary: var(--color-blue-ui);
79
-
80
- --color-control-bg-border-secondary-hover: rgb(23, 0, 254);
81
-
82
- --color-control-typo-secondary: var(--color-blue-ui);
83
-
84
- --color-control-typo-secondary-hover: rgb(23, 0, 254);
85
- --color-control-bg-ghost: rgba(0, 66, 105, 0.07);
86
-
87
- --color-control-bg-ghost-hover: rgba(0, 66, 105, 0.05);
88
-
89
- --color-control-typo-ghost: rgba(43, 45, 64, 0.8);
90
-
91
- --color-control-typo-ghost-hover: rgba(43, 45, 64, 0.75);
92
- --color-control-bg-clear: rgba(0, 66, 105, 0);
93
-
94
- --color-control-bg-clear-hover: rgba(0, 66, 105, 0.05);
95
-
96
- --color-control-typo-clear: var(--color-blue-ui);
97
-
98
- --color-control-typo-clear-hover: rgba(23, 0, 254);
99
- --color-control-bg-disable: rgba(233, 234, 242);
100
-
101
- --color-control-bg-border-disable: rgba(183, 185, 199);
102
-
103
- --color-control-typo-disable: rgb(26, 27, 38);
104
- --color-shadow-group-1: rgba(0, 32, 51, 0.02);
105
- --color-shadow-group-2: rgba(0, 32, 51, 0.16);
106
- --color-shadow-layer-1: rgba(0, 32, 51, 0.04);
107
- --color-shadow-layer-2: rgba(0, 32, 51, 0.12);
108
- --color-shadow-modal-1: rgba(0, 0, 0, 0.08);
109
- --color-shadow-modal-2: rgba(0, 0, 0, 0.08);
110
- }
1
+ .Theme_color_igcEffectDefault {
2
+ --color-bg-default: rgb(255, 255, 255);
3
+ --color-bg-secondary: rgb(244, 246, 251);
4
+
5
+ --color-bg-brand: rgb(0, 113, 178);
6
+
7
+ --color-bg-link: var(--color-blue-ui);
8
+ --color-bg-border: rgba(0, 65, 102, 0.2);
9
+ --color-bg-stripe: rgba(0, 32, 51, 0.05);
10
+
11
+ --color-bg-ghost: rgba(0, 32, 51, 0.08);
12
+
13
+ --color-bg-tone: rgba(71, 74, 89, 0.3);
14
+ --color-bg-soft: rgba(255, 255, 255, 0.9);
15
+ --color-bg-system: rgb(222, 228, 232);
16
+
17
+ --color-bg-normal: rgb(86, 185, 242);
18
+
19
+ --color-bg-success: rgb(223, 250, 242);
20
+ --color-bg-caution: rgb(242, 201, 76);
21
+
22
+ --color-bg-warning: rgb(255, 246, 214);
23
+
24
+ --color-bg-alert: rgb(255, 236, 238);
25
+ --color-bg-critical: rgb(51, 0, 15);
26
+ --color-typo-primary: rgb(26, 27, 38);
27
+
28
+ --color-typo-secondary: rgb(126, 128, 143);
29
+
30
+ --color-typo-ghost: rgba(26, 27, 38, 0.3);
31
+
32
+ --color-typo-brand: rgb(0, 113, 178);
33
+
34
+ --color-typo-system: var(--color-blue-ui);
35
+
36
+ --color-typo-normal: rgb(51, 180, 255);
37
+
38
+ --color-typo-success: rgb(11, 201, 148);
39
+
40
+ --color-typo-caution: rgb(255, 161, 10);
41
+
42
+ --color-typo-warning: rgb(255, 122, 0);
43
+
44
+ --color-typo-alert: rgb(243, 92, 108);
45
+
46
+ --color-typo-critical: rgb(51, 0, 15);
47
+
48
+ --color-typo-link: rgb(80, 102, 255);
49
+ --color-typo-link-minor: rgb(70, 89, 216);
50
+
51
+ --color-typo-link-hover: rgb(122, 140, 255);
52
+ --color-scroll-bg: rgba(0, 66, 105, 0.06);
53
+ --color-scroll-thumb: rgba(0, 66, 105, 0.24);
54
+ --color-scroll-thumb-hover: rgba(0, 66, 105, 0.32);
55
+ --color-control-bg-default: rgb(255, 255, 255);
56
+
57
+ --color-control-typo-default: rgb(26, 27, 38);
58
+
59
+ --color-control-typo-placeholder: var(--color-gray-500);
60
+
61
+ --color-control-bg-border-default: rgb(183, 185, 199);
62
+
63
+ --color-control-bg-border-default-hover: rgba(0, 66, 105, 0.52);
64
+
65
+ --color-control-bg-border-focus: rgb(128, 144, 255);
66
+ --color-control-bg-focus: rgba(80, 102, 255, 0.3);
67
+
68
+ --color-control-bg-active: rgba(80, 102, 255, 0.5);
69
+ --color-control-bg-primary: var(--color-blue-ui);
70
+
71
+ --color-control-bg-primary-hover: rgb(23, 0, 254);
72
+
73
+ --color-control-typo-primary: rgb(255, 255, 255);
74
+
75
+ --color-control-typo-primary-hover: rgb(255, 255, 255);
76
+ --color-control-bg-secondary: rgba(255, 255, 255, 0);
77
+
78
+ --color-control-bg-border-secondary: var(--color-blue-ui);
79
+
80
+ --color-control-bg-border-secondary-hover: rgb(23, 0, 254);
81
+
82
+ --color-control-typo-secondary: var(--color-blue-ui);
83
+
84
+ --color-control-typo-secondary-hover: rgb(23, 0, 254);
85
+ --color-control-bg-ghost: rgba(0, 66, 105, 0.07);
86
+
87
+ --color-control-bg-ghost-hover: rgba(0, 66, 105, 0.05);
88
+
89
+ --color-control-typo-ghost: rgba(43, 45, 64, 0.8);
90
+
91
+ --color-control-typo-ghost-hover: rgba(43, 45, 64, 0.75);
92
+ --color-control-bg-clear: rgba(0, 66, 105, 0);
93
+
94
+ --color-control-bg-clear-hover: rgba(0, 66, 105, 0.05);
95
+
96
+ --color-control-typo-clear: var(--color-blue-ui);
97
+
98
+ --color-control-typo-clear-hover: rgba(23, 0, 254);
99
+ --color-control-bg-disable: rgba(233, 234, 242);
100
+
101
+ --color-control-bg-border-disable: rgba(183, 185, 199);
102
+
103
+ --color-control-typo-disable: rgb(26, 27, 38);
104
+ --color-shadow-group-1: rgba(0, 32, 51, 0.02);
105
+ --color-shadow-group-2: rgba(0, 32, 51, 0.16);
106
+ --color-shadow-layer-1: rgba(0, 32, 51, 0.04);
107
+ --color-shadow-layer-2: rgba(0, 32, 51, 0.12);
108
+ --color-shadow-modal-1: rgba(0, 0, 0, 0.08);
109
+ --color-shadow-modal-2: rgba(0, 0, 0, 0.08);
110
+ }
package/dist/themes/igcEffect/_component/Theme_component_igcEffectButton.css CHANGED
@@ -1,15 +1,15 @@
1
- .Theme_control_igcEffect .Button_disabled {
2
- background-color: var(--color-bg-secondary);
3
- opacity: 0.3;
4
- border-color: var(--color-control-typo-secondary);
5
- color: var(--color-control-typo-secondary);
6
- }
7
-
8
- .Theme_control_igcEffect .Button_view_secondary:hover,
9
- .Theme_control_igcEffect .Button_view_clear:hover {
10
- --button-bg-color-hover: var(--color-royal-blue-50);
11
- }
12
- .Theme_control_igcEffect .Button_view_secondary:hover,
13
- .Theme_control_igcEffect .Button_view_primary:hover {
14
- box-shadow: 0px 0px 0px 4px var(--color-royal-blue-50);
15
- }
1
+ .Theme_control_igcEffect .Button_disabled {
2
+ background-color: var(--color-bg-secondary);
3
+ opacity: 0.3;
4
+ border-color: var(--color-control-typo-secondary);
5
+ color: var(--color-control-typo-secondary);
6
+ }
7
+
8
+ .Theme_control_igcEffect .Button_view_secondary:hover,
9
+ .Theme_control_igcEffect .Button_view_clear:hover {
10
+ --button-bg-color-hover: var(--color-royal-blue-50);
11
+ }
12
+ .Theme_control_igcEffect .Button_view_secondary:hover,
13
+ .Theme_control_igcEffect .Button_view_primary:hover {
14
+ box-shadow: 0px 0px 0px 4px var(--color-royal-blue-50);
15
+ }