@txdfe/at-theme 2.0.1-16 → 2.0.1-17

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 (6) hide show
  1. package/README.md +4 -0
  2. package/package.json +1 -1
  3. package/teambition/css/index.css +185 -180
  4. package/teambition/js/index.js +202 -180
  5. package/teambition/less/index.less +185 -180
  6. package/teambition/scss/variables/color.scss +207 -202
package/teambition/scss/variables/color.scss CHANGED
@@ -1,146 +1,151 @@
1
1
  // 颜色变量
2
2
  @import '../../../common/variables/color.scss';
3
3
 
4
- $pale-brand: var(--CDS_pale_brand) !default;
5
- $highlight-brand: var(--CDS_highlight_brand) !default;
6
- $bright-brand: var(--CDS_bright_brand) !default;
7
- $border-brand: var(--CDS_border_brand) !default;
8
- $primary-brand: var(--CDS_primary_brand) !default;
9
- $hover-brand: var(--CDS_hover_brand) !default;
10
- $click-brand: var(--CDS_click_brand) !default;
11
- $heavy-brand: var(--CDS_heavy_brand) !default;
12
-
13
- $pale-danger: var(--CDS_pale_danger) !default;
14
- $highlight-danger: var(--CDS_highlight_danger) !default;
15
- $bright-danger: var(--CDS_bright_danger) !default;
16
- $border-danger: var(--CDS_border_danger) !default;
17
- $primary-danger: var(--CDS_primary_danger) !default;
18
- $hover-danger: var(--CDS_hover_danger) !default;
19
- $click-danger: var(--CDS_click_danger) !default;
20
- $heavy-danger: var(--CDS_heavy_danger) !default;
21
-
22
- $pale-warning: var(--CDS_pale_warning) !default;
23
- $highlight-warning: var(--CDS_highlight_warning) !default;
24
- $bright-warning: var(--CDS_bright_warning) !default;
25
- $border-warning: var(--CDS_border_warning) !default;
26
- $primary-warning: var(--CDS_primary_warning) !default;
27
- $hover-warning: var(--CDS_hover_warning) !default;
28
- $click-warning: var(--CDS_click_warning) !default;
29
- $heavy-warning: var(--CDS_heavy_warning) !default;
30
-
31
- $pale-alert: var(--CDS_pale_alert) !default;
32
- $highlight-alert: var(--CDS_highlight_alert) !default;
33
- $bright-alert: var(--CDS_bright_alert) !default;
34
- $border-alert: var(--CDS_border_alert) !default;
35
- $primary-alert: var(--CDS_primary_alert) !default;
36
- $hover-alert: var(--CDS_hover_alert) !default;
37
- $click-alert: var(--CDS_click_alert) !default;
38
- $heavy-alert: var(--CDS_heavy_alert) !default;
39
-
40
- $pale-success: var(--CDS_pale_success) !default;
41
- $highlight-success: var(--CDS_highlight_success) !default;
42
- $bright-success: var(--CDS_bright_success) !default;
43
- $border-success: var(--CDS_border_success) !default;
44
- $primary-success: var(--CDS_primary_success) !default;
45
- $hover-success: var(--CDS_hover_success) !default;
46
- $click-success: var(--CDS_click_success) !default;
47
- $heavy-success: var(--CDS_heavy_success) !default;
48
-
49
- $pale-turquoise: var(--CDS_pale_turquoise) !default;
50
- $highlight-turquoise: var(--CDS_highlight_turquoise) !default;
51
- $bright-turquoise: var(--CDS_bright_turquoise) !default;
52
- $border-turquoise: var(--CDS_border_turquoise) !default;
53
- $primary-turquoise: var(--CDS_primary_turquoise) !default;
54
- $hover-turquoise: var(--CDS_hover_turquoise) !default;
55
-
56
- $pale-purple: var(--CDS_pale_purple) !default;
57
- $highlight-purple: var(--CDS_highlight_purple) !default;
58
- $bright-purple: var(--CDS_bright_purple) !default;
59
- $border-purple: var(--CDS_border_purple) !default;
60
- $primary-purple: var(--CDS_primary_purple) !default;
61
- $hover-purple: var(--CDS_hover_purple) !default;
62
-
63
- $snow: var(--CDS_gray_00) !default;
64
- $black: var(--CDS_black_01) !default;
65
- $white: var(--CDS_white_01) !default;
66
-
67
- $abs-white: var(--CDS_white_01) !default;
68
-
69
- $white-01: var(--CDS_white_01) !default;
70
- $white-02: var(--CDS_white_02) !default;
71
- $white-03: var(--CDS_white_03) !default;
72
- $white-04: var(--CDS_white_04) !default;
73
- $white-05: var(--CDS_white_05) !default;
74
-
75
- $black-01: var(--CDS_black_01) !default;
76
- $black-02: var(--CDS_black_02) !default;
77
-
78
- $gray-fill: var(--CDS_gray_fill) !default;
79
- $line-hover: var(--CDS_gray_hover) !default;
80
-
81
- $gray-filled: var(--CDS_gray_fill) !default;
82
- $line-actived: var(--CDS_gray_fill) !default;
83
- $line-select: var(--CDS_gray_fill) !default;
84
- $line-selected: var(--CDS_gray_fill) !default;
85
-
86
- $gray-click: var(--CDS_gray_fill) !default;
87
- $line-click: var(--CDS_gray_fill) !default;
88
-
89
- $gray-basic: var(--CDS_gray_basic) !default;
90
- $basic: var(--CDS_gray_basic) !default;
91
- $basic-fg: var(--CDS_gray_basic) !default;
92
- $basic-bg: var(--CDS_gray_00) !default;
93
-
94
- $line-color: var(--CDS_gray_basic) !default;
95
-
96
- $gray-modal: var(--CDS_gray_modal) !default;
97
- $modal-color: var(--CDS_gray_modal) !default;
98
- $gray-popover: var(--CDS_gray_popover) !default;
99
- $popover-color: var(--CDS_gray_popover) !default;
100
-
101
- $gray-00: var(--CDS_gray_00) !default;
102
- $gray-01: var(--CDS_gray_01) !default;
103
- $gray-02: var(--CDS_gray_02) !default;
104
- $gray-03: var(--CDS_gray_03) !default;
105
- $gray-04: var(--CDS_gray_04) !default;
106
- $gray-05: var(--CDS_gray_05) !default;
107
- $gray-06: var(--CDS_gray_06) !default;
108
- $gray-07: var(--CDS_gray_07) !default;
109
- $gray-08: var(--CDS_gray_08) !default;
110
-
111
- $shadow-color: var(--CDS_shadow_color) !default;
112
-
113
- $dashboard-01: var(--CDS_data_orange) !default;
114
- $dashboard-02: var(--CDS_data_red) !default;
115
- $dashboard-03: var(--CDS_data_green) !default;
116
- $dashboard-04: var(--CDS_data_purple) !default;
117
- $dashboard-05: var(--CDS_data_blue) !default;
118
- $dashboard-06: var(--CDS_data_cyan) !default;
119
- $dashboard-07: var(--CDS_data_violet) !default;
120
-
121
- $data-orange: var(--CDS_data_orange) !default;
122
- $data-red: var(--CDS_data_red) !default;
123
- $data-green: var(--CDS_data_green) !default;
124
- $data-purple: var(--CDS_data_purple) !default;
125
- $data-blue: var(--CDS_data_blue) !default;
126
- $data-cyan: var(--CDS_data_cyan) !default;
127
- $data-violet: var(--CDS_data_violet) !default;
128
-
129
- $placeholder-01: var(--CDS_ph_plum) !default;
130
- $placeholder-02: var(--CDS_ph_red) !default;
131
- $placeholder-03: var(--CDS_ph_orange) !default;
132
- $placeholder-04: var(--CDS_ph_amber) !default;
133
- $placeholder-05: var(--CDS_ph_olive) !default;
134
- $placeholder-06: var(--CDS_ph_sky) !default;
135
- $placeholder-07: var(--CDS_ph_blue) !default;
136
-
137
- $ph-plum: var(--CDS_ph_plum) !default;
138
- $ph-red: var(--CDS_ph_red) !default;
139
- $ph-orange: var(--CDS_ph_orange) !default;
140
- $ph-amber: var(--CDS_ph_amber) !default;
141
- $ph-olive: var(--CDS_ph_olive) !default;
142
- $ph-sky: var(--CDS_ph_sky) !default;
143
- $ph-blue: var(--CDS_ph_blue) !default;
4
+ $pale-brand: var(--CDS_pale_brand, rgba(27, 154, 238, 0.04)) !default;
5
+ $highlight-brand: var(--CDS_highlight_brand, rgba(27, 154, 238, 0.08)) !default;
6
+ $bright-brand: var(--CDS_bright_brand, rgba(27, 154, 238, 0.2)) !default;
7
+ $border-brand: var(--CDS_border_brand, rgba(27, 154, 238, 0.4)) !default;
8
+ $primary-brand: var(--CDS_primary_brand, rgba(27, 154, 238, 1)) !default;
9
+ $hover-brand: var(--CDS_hover_brand, rgba(18, 135, 217, 1)) !default;
10
+ $click-brand: var(--CDS_click_brand, rgba(7, 118, 199, 1)) !default;
11
+ $heavy-brand: var(--CDS_heavy_brand, rgba(0, 104, 186, 1)) !default;
12
+
13
+ $pale-danger: var(--CDS_pale_danger, rgba(217, 68, 47, 0.04)) !default;
14
+ $highlight-danger: var(--CDS_highlight_danger, rgba(217, 68, 47, 0.08)) !default;
15
+ $bright-danger: var(--CDS_bright_danger, rgba(217, 68, 47, 0.2)) !default;
16
+ $border-danger: var(--CDS_border_danger, rgba(217, 68, 47, 0.4)) !default;
17
+ $primary-danger: var(--CDS_primary_danger, rgba(217, 68, 47, 1)) !default;
18
+ $hover-danger: var(--CDS_hover_danger, rgba(194, 56, 40, 1)) !default;
19
+ $click-danger: var(--CDS_click_danger, rgba(176, 48, 33, 1)) !default;
20
+ $heavy-danger: var(--CDS_heavy_danger, rgba(161, 40, 23, 1)) !default;
21
+
22
+ $pale-warning: var(--CDS_pale_warning, rgba(255, 154, 33, 0.04)) !default;
23
+ $highlight-warning: var(--CDS_highlight_warning, rgba(255, 154, 33, 0.08)) !default;
24
+ $bright-warning: var(--CDS_bright_warning, rgba(255, 154, 33, 0.2)) !default;
25
+ $border-warning: var(--CDS_border_warning, rgba(255, 154, 33, 0.4)) !default;
26
+ $primary-warning: var(--CDS_primary_warning, rgba(255, 154, 33, 1)) !default;
27
+ $hover-warning: var(--CDS_hover_warning, rgba(229, 136, 16, 1)) !default;
28
+ $click-warning: var(--CDS_click_warning, rgba(217, 120, 24, 1)) !default;
29
+ $heavy-warning: var(--CDS_heavy_warning, rgba(204, 106, 27, 1)) !default;
30
+
31
+ $pale-alert: var(--CDS_pale_alert, rgba(255, 204, 0, 0.04)) !default;
32
+ $highlight-alert: var(--CDS_highlight_alert, rgba(255, 204, 0, 0.08)) !default;
33
+ $bright-alert: var(--CDS_bright_alert, rgba(255, 204, 0, 0.2)) !default;
34
+ $border-alert: var(--CDS_border_alert, rgba(255, 204, 0, 0.4)) !default;
35
+ $primary-alert: var(--CDS_primary_alert, rgba(255, 204, 0, 1)) !default;
36
+ $hover-alert: var(--CDS_hover_alert, rgba(235, 184, 0, 1)) !default;
37
+ $click-alert: var(--CDS_click_alert, rgba(224, 169, 0, 1)) !default;
38
+ $heavy-alert: var(--CDS_heavy_alert, rgba(207, 150, 0, 1)) !default;
39
+
40
+ $pale-success: var(--CDS_pale_success, rgba(42, 168, 78, 0.04)) !default;
41
+ $highlight-success: var(--CDS_highlight_success, rgba(42, 168, 78, 0.04)) !default;
42
+ $bright-success: var(--CDS_bright_success, rgba(42, 168, 78, 0.2)) !default;
43
+ $border-success: var(--CDS_border_success, rgba(42, 168, 78, 0.4)) !default;
44
+ $primary-success: var(--CDS_primary_success, rgba(42, 168, 78, 1)) !default;
45
+ $hover-success: var(--CDS_hover_success, rgba(30, 148, 65, 1)) !default;
46
+ $click-success: var(--CDS_click_success, rgba(16, 128, 53, 1)) !default;
47
+ $heavy-success: var(--CDS_heavy_success, rgba(0, 110, 38, 1)) !default;
48
+
49
+ $pale-turquoise: var(--CDS_pale_turquoise, rgba(0, 156, 149, 0.04)) !default;
50
+ $highlight-turquoise: var(--CDS_highlight_turquoise, rgba(0, 156, 149, 0.08)) !default;
51
+ $bright-turquoise: var(--CDS_bright_turquoise, rgba(0, 156, 149, 0.2)) !default;
52
+ $border-turquoise: var(--CDS_border_turquoise, rgba(0, 156, 149, 0.4)) !default;
53
+ $primary-turquoise: var(--CDS_primary_turquoise, rgba(0, 156, 149, 1)) !default;
54
+ $hover-turquoise: var(--CDS_hover_turquoise, rgba(0, 138, 130, 1)) !default;
55
+ $click-turquoise: var(--CDS_click_turquoise, rgba(1, 122, 114, 1)) !default;
56
+ $heavy-turquoise: var(--CDS_heavy_turquoise, rgba(2, 107, 99, 1)) !default;
57
+
58
+ $pale-purple: var(--CDS_pale_purple, rgba(115, 83, 233, 0.04)) !default;
59
+ $highlight-purple: var(--CDS_highlight_purple, rgba(115, 83, 233, 0.08)) !default;
60
+ $bright-purple: var(--CDS_bright_purple, rgba(115, 83, 233, 0.2)) !default;
61
+ $border-purple: var(--CDS_border_purple, rgba(115, 83, 233, 0.4)) !default;
62
+ $primary-purple: var(--CDS_primary_purple, rgba(115, 83, 233, 1)) !default;
63
+ $hover-purple: var(--CDS_hover_purple, rgba(101, 65, 212, 1)) !default;
64
+ $click-purple: var(--CDS_click_purple, rgba(88, 53, 189, 1)) !default;
65
+ $heavy-purple: var(--CDS_heavy_purple, rgba(77, 42, 170, 1)) !default;
66
+
67
+ $snow: var(--CDS_gray_00, rgba(255, 255, 255, 1)) !default;
68
+ $black: var(--CDS_black_01, rgba(0, 0, 0, 1)) !default;
69
+ $white: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
70
+
71
+ $abs-white: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
72
+
73
+ $white-01: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
74
+ $white-02: var(--CDS_white_02, rgba(255, 255, 255, 0.72)) !default;
75
+ $white-03: var(--CDS_white_03, rgba(255, 255, 255, 0.36)) !default;
76
+ $white-04: var(--CDS_white_04, rgba(255, 255, 255, 0.18)) !default;
77
+ $white-05: var(--CDS_white_05, rgba(255, 255, 255, 0.08)) !default;
78
+
79
+ $black-01: var(--CDS_black_01, rgba(0, 0, 0, 1)) !default;
80
+ $black-02: var(--CDS_black_02, rgba(68, 71, 75, 1)) !default;
81
+
82
+ $gray-fill: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
83
+ $line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05)) !default;
84
+
85
+ $gray-filled: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
86
+ $line-actived: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
87
+ $line-select: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
88
+ $line-selected: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
89
+
90
+ $gray-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
91
+ $line-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
92
+
93
+ $gray-basic: var(--CDS_gray_basic, rgba(255, 255, 255, 1)) !default;
94
+ $basic: var(--CDS_gray_basic, rgba(255, 255, 255, 1)) !default;
95
+ $basic-fg: var(--CDS_gray_basic, rgba(255, 255, 255, 1)) !default;
96
+ $basic-bg: var(--CDS_gray_00, rgba(255, 255, 255, 1)) !default;
97
+
98
+ $line-color: var(--CDS_gray_basic, rgba(255, 255, 255, 1)) !default;
99
+
100
+ $gray-modal: var(--CDS_gray_modal, rgba(255, 255, 255, 1)) !default;
101
+ $modal-color: var(--CDS_gray_modal, rgba(255, 255, 255, 1)) !default;
102
+ $gray-popover: var(--CDS_gray_popover, rgba(255, 255, 255, 1)) !default;
103
+ $popover-color: var(--CDS_gray_popover, rgba(255, 255, 255, 1)) !default;
104
+
105
+ $gray-00: var(--CDS_gray_00, rgba(255, 255, 255, 1)) !default;
106
+ $gray-01: var(--CDS_gray_01, rgba(247, 247, 247, 1)) !default;
107
+ $gray-02: var(--CDS_gray_02, rgba(38, 38, 38, 0.08)) !default;
108
+ $gray-03: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
109
+ $gray-04: var(--CDS_gray_04, rgba(38, 38, 38, 0.18)) !default;
110
+ $gray-05: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
111
+ $gray-06: var(--CDS_gray_06, rgba(38, 38, 38, 0.52)) !default;
112
+ $gray-07: var(--CDS_gray_07, rgba(38, 38, 38, 0.76)) !default;
113
+ $gray-08: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
114
+
115
+ $shadow-color: var(--CDS_shadow_color, rgba(0, 0, 0, 1)) !default;
116
+
117
+ $dashboard-01: var(--CDS_data_orange, rgba(255, 175, 56, 1)) !default;
118
+ $dashboard-02: var(--CDS_data_red, rgba(255, 101, 107, 1)) !default;
119
+ $dashboard-03: var(--CDS_data_green, rgba(117, 201, 64, 1)) !default;
120
+ $dashboard-04: var(--CDS_data_purple, rgba(153, 121, 242, 1)) !default;
121
+ $dashboard-05: var(--CDS_data_blue, rgba(3, 149, 255, 1)) !default;
122
+ $dashboard-06: var(--CDS_data_cyan, rgba(87, 233, 196, 1)) !default;
123
+ $dashboard-07: var(--CDS_data_violet, rgba(92, 96, 230, 1)) !default;
124
+
125
+ $data-orange: var(--CDS_data_orange, rgba(255, 175, 56, 1)) !default;
126
+ $data-red: var(--CDS_data_red, rgba(255, 101, 107, 1)) !default;
127
+ $data-green: var(--CDS_data_green, rgba(117, 201, 64, 1)) !default;
128
+ $data-purple: var(--CDS_data_purple, rgba(153, 121, 242, 1)) !default;
129
+ $data-blue: var(--CDS_data_blue, rgba(3, 149, 255, 1)) !default;
130
+ $data-cyan: var(--CDS_data_cyan, rgba(87, 233, 196, 1)) !default;
131
+ $data-violet: var(--CDS_data_violet, rgba(92, 96, 230, 1)) !default;
132
+ $data-sky: var(--CDS_data_sky, rgba(199, 237, 248, 1)) !default;
133
+
134
+ $placeholder-01: var(--CDS_ph_plum, rgba(188, 97, 207, 1)) !default;
135
+ $placeholder-02: var(--CDS_ph_red, rgba(242, 102, 102, 1)) !default;
136
+ $placeholder-03: var(--CDS_ph_orange, rgba(242, 154, 82, 1)) !default;
137
+ $placeholder-04: var(--CDS_ph_amber, rgba(244, 195, 41, 1)) !default;
138
+ $placeholder-05: var(--CDS_ph_olive, rgba(203, 208, 87, 1)) !default;
139
+ $placeholder-06: var(--CDS_ph_sky, rgba(41, 179, 240, 1)) !default;
140
+ $placeholder-07: var(--CDS_ph_blue, rgba(56, 133, 234, 1)) !default;
141
+
142
+ $ph-plum: var(--CDS_ph_plum, rgba(188, 97, 207, 1)) !default;
143
+ $ph-red: var(--CDS_ph_red, rgba(242, 102, 102, 1)) !default;
144
+ $ph-orange: var(--CDS_ph_orange, rgba(242, 154, 82, 1)) !default;
145
+ $ph-amber: var(--CDS_ph_amber, rgba(244, 195, 41, 1)) !default;
146
+ $ph-olive: var(--CDS_ph_olive, rgba(203, 208, 87, 1)) !default;
147
+ $ph-sky: var(--CDS_ph_sky, rgba(41, 179, 240, 1)) !default;
148
+ $ph-blue: var(--CDS_ph_blue, rgba(56, 133, 234, 1)) !default;
144
149
 
145
150
  // Chart 相关颜色，诸如 gantt 等场景使用
146
151
  // 01 代表 soft
@@ -159,14 +164,14 @@ $neutral-deep: var(--CDS_ct_neutral_deep, rgba(140, 140, 140, 1));
159
164
  $background-fill: $G0 !default;
160
165
  $background-nav-search: transparent !default;
161
166
 
162
- $background-section: var(--CDS_gray_modal) !default;
163
- $background-layout: var(--CDS_gray_00) !default;
164
- $background-overlay: var(--CDS_gray_modal) !default; // mark ！！
165
- $background-switch-trigger: var(--CDS_white_01) !default;
166
- $background-base: var(--CDS_gray_fill) !default;
167
+ $background-section: var(--CDS_gray_modal, rgba(255, 255, 255, 1)) !default;
168
+ $background-layout: var(--CDS_gray_00, rgba(255, 255, 255, 1)) !default;
169
+ $background-overlay: var(--CDS_gray_modal, rgba(255, 255, 255, 1)) !default; // mark ！！
170
+ $background-switch-trigger: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
171
+ $background-base: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
167
172
 
168
- $mask: var(--CDS_black_overlay) !default;
169
- $overlay: var(--CDS_black_overlay) !default;
173
+ $mask: var(--CDS_black_overlay, rgba(0, 0, 0, 0.2)) !default;
174
+ $overlay: var(--CDS_black_overlay, rgba(0, 0, 0, 0.2)) !default;
170
175
 
171
176
  $shadow-00: var(--CDS_shadow_00) !default;
172
177
  $shadow-01: var(--CDS_shadow_01) !default;
@@ -179,23 +184,23 @@ $shadow-color-02: var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14)) !default;
179
184
  $shadow-color-03: var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18)) !default;
180
185
  $shadow-color-04: var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24)) !default;
181
186
 
182
- $cell-line-hover: var(--CDS_gray_hover) !default;
183
- $cell-line-active: var(--CDS_gray_02) !default;
187
+ $cell-line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05)) !default;
188
+ $cell-line-active: var(--CDS_gray_02, rgba(38, 38, 38, 0.08)) !default;
184
189
 
185
190
  // custom-override-color
186
191
 
187
192
  // tab 组件
188
193
  $tab-wrapped-bg-color-hover: transparent;
189
194
  $tab-wrapped-bg-color: transparent;
190
- $tab-wrapped-bg-color-selected: var(--CDS_gray_basic);
195
+ $tab-wrapped-bg-color-selected: var(--CDS_gray_basic, rgba(255, 255, 255, 1));
191
196
 
192
197
  // step
193
- $step-dot-item-tail-wait-color: var(--CDS_gray_05) !default;
194
- $step-dot-item-tail-process-color: var(--CDS_gray_05) !default;
195
- $step-dot-item-tail-disabled-color: var(--CDS_gray_05) !default;
196
- $step-circle-item-tail-wait-color: var(--CDS_gray_05) !default;
197
- $step-circle-item-tail-process-color: var(--CDS_gray_05) !default;
198
- $step-circle-item-tail-disabled-color: var(--CDS_gray_05) !default;
198
+ $step-dot-item-tail-wait-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
199
+ $step-dot-item-tail-process-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
200
+ $step-dot-item-tail-disabled-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
201
+ $step-circle-item-tail-wait-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
202
+ $step-circle-item-tail-process-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
203
+ $step-circle-item-tail-disabled-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
199
204
 
200
205
  // pagination
201
206
  $pagination-item-bg: transparent;
@@ -216,60 +221,60 @@ $nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color) !default;
216
221
  $nav-primary-sub-nav-bg-color: transparent !default;
217
222
 
218
223
  // table
219
- $table-row-hover-bg: var(--CDS_gray_fill) !default;
224
+ $table-row-hover-bg: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
220
225
 
221
226
  // menu
222
- $menu-background: var(--CDS_gray_popover) !default;
223
- $menu-background-hover: var(--CDS_gray_fill) !default;
224
- $menu-background-selected: var(--CDS_gray_filled) !default;
225
- $menu-background-focus: var(--CDS_gray_filled) !default;
226
- $menu-divider-color: var(--CDS_gray_03) !default;
227
+ $menu-background: var(--CDS_gray_popover, rgba(255, 255, 255, 1)) !default;
228
+ $menu-background-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
229
+ $menu-background-selected: var(--CDS_gray_filled, rgba(38, 38, 38, 0.06)) !default;
230
+ $menu-background-focus: var(--CDS_gray_filled, rgba(38, 38, 38, 0.06)) !default;
231
+ $menu-divider-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
227
232
 
228
233
  // input
229
234
  $input-bg-color: transparent !default;
230
235
  $input-focus-bg-color: transparent !default;
231
236
  $input-hover-bg-color: transparent !default;
232
- $input-disabled-bg-color: var(--CDS_gray_fill) !default;
233
- $input-addon-bg-color: var(--CDS_gray_fill) !default;
237
+ $input-disabled-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
238
+ $input-addon-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
234
239
 
235
240
  // tag
236
- $tag-closable-primary-fill-bg-color: var(--CDS_gray_02) !default;
237
- $tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03) !default;
238
- $tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02) !default;
239
- $tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04) !default;
240
- $tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03) !default;
241
- $tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05) !default;
241
+ $tag-closable-primary-fill-bg-color: var(--CDS_gray_02, rgba(38, 38, 38, 0.08)) !default;
242
+ $tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
243
+ $tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02, rgba(38, 38, 38, 0.08)) !default;
244
+ $tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04, rgba(38, 38, 38, 0.18)) !default;
245
+ $tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
246
+ $tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
242
247
 
243
248
  // transfer
244
- $transfer-panel-header-background-color: var(--CDS_gray_basic) !default;
249
+ $transfer-panel-header-background-color: var(--CDS_gray_basic, rgba(255, 255, 255, 1)) !default;
245
250
 
246
251
  // switch
247
- $switch-disabled-on-bg-color: var(--CDS_gray_03) !default;
252
+ $switch-disabled-on-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
248
253
 
249
254
  // searcher
250
- $search-nav-search-bg-color: var(--CDS_gray_fill) !default;
255
+ $search-nav-search-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
251
256
 
252
257
  // range
253
- $range-normal-slider-bg-color: var(--CDS_white_01) !default;
254
- $range-normal-slider-bg-color-hover: var(--CDS_white_01) !default;
258
+ $range-normal-slider-bg-color: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
259
+ $range-normal-slider-bg-color-hover: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
255
260
 
256
261
  // radio
257
262
  $radio-bg-color: transparent !default;
258
- $radio-disabled-bg-color: var(--CDS_gray_03) !default;
263
+ $radio-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
259
264
 
260
265
  // calendar
261
- $calendar-card-table-cell-disabled-background: var(--CDS_gray_fill) !default;
262
- $calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill) !default;
266
+ $calendar-card-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
267
+ $calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
263
268
 
264
269
  // checkbox
265
270
  $checkbox-bg-color: transparent !default;
266
- $checkbox-disabled-bg-color: var(--CDS_gray_03) !default;
271
+ $checkbox-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
267
272
 
268
273
  // ballon
269
274
  $balloon-tooltip-color-primary-bg: rgba(0, 0, 0, .9) !important !default;
270
- $balloon-tooltip-color-normal-bg: var(--CDS_gray_popover) !important !default;
271
- $balloon-tooltip-color-normal: var(--CDS_gray_08) !default;
272
- $balloon-tooltip-color-primary: var(--CDS_white_01) !default;
275
+ $balloon-tooltip-color-normal-bg: var(--CDS_gray_popover, rgba(255, 255, 255, 1)) !important !default;
276
+ $balloon-tooltip-color-normal: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
277
+ $balloon-tooltip-color-primary: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
273
278
 
274
279
  // button
275
280
  $btn-warning-primary-bg-disabled: var(--CDS_gray_05) !default;
@@ -280,25 +285,25 @@ $btn-pure-bg-disabled: var(--CDS_gray_05) !default;
280
285
  $btn-pure-border-color-disabled: var(--CDS_gray_05) !default;
281
286
  // button ghost dark
282
287
  $btn-ghost-dark-bg-normal: transparent !default;
283
- $btn-ghost-dark-color: var(--CDS_gray_08) !default;
284
- $btn-ghost-dark-color-hover: var(--CDS_gray_08) !default;
285
- $btn-ghost-dark-color-active: var(--CDS_gray_08) !default;
286
- $btn-ghost-dark-border-color-active: var(--CDS_gray_08) !default;
287
- $btn-ghost-dark-border-color-hover: var(--CDS_gray_08) !default;
288
- $btn-ghost-dark-border-color: var(--CDS_gray_08) !default;
289
- $btn-ghost-dark-bg-hover: var(--CDS_gray_fill) !default;
290
- $btn-ghost-dark-bg-active: var(--CDS_gray_03) !default;
291
- $btn-ghost-dark-color-disabled: var(--CDS_gray_05) !default;
292
- $btn-ghost-dark-border-color-disabled: var(--CDS_gray_05) !default;
288
+ $btn-ghost-dark-color: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
289
+ $btn-ghost-dark-color-hover: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
290
+ $btn-ghost-dark-color-active: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
291
+ $btn-ghost-dark-border-color-active: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
292
+ $btn-ghost-dark-border-color-hover: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
293
+ $btn-ghost-dark-border-color: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
294
+ $btn-ghost-dark-bg-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
295
+ $btn-ghost-dark-bg-active: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
296
+ $btn-ghost-dark-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
297
+ $btn-ghost-dark-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
293
298
  // button ghost light
294
299
  $btn-ghost-light-bg-normal: transparent !default;
295
- $btn-ghost-light-border-color: var(--CDS_gray_08) !default;
296
- $btn-ghost-light-color: var(--CDS_gray_08) !default;
297
- $btn-ghost-light-color-active: var(--CDS_gray_08) !default;
298
- $btn-ghost-light-color-hover: var(--CDS_gray_08) !default;
299
- $btn-ghost-light-border-color-active: var(--CDS_gray_08) !default;
300
- $btn-ghost-light-border-color-hover: var(--CDS_gray_08) !default;
301
- $btn-ghost-light-bg-hover: var(--CDS_gray_02) !default;
302
- $btn-ghost-light-bg-active: var(--CDS_gray_03) !default;
303
- $btn-ghost-light-color-disabled: var(--CDS_gray_05) !default;
304
- $btn-ghost-light-border-color-disabled: var(--CDS_gray_05) !default;
300
+ $btn-ghost-light-border-color: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
301
+ $btn-ghost-light-color: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
302
+ $btn-ghost-light-color-active: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
303
+ $btn-ghost-light-color-hover: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
304
+ $btn-ghost-light-border-color-active: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
305
+ $btn-ghost-light-border-color-hover: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
306
+ $btn-ghost-light-bg-hover: var(--CDS_gray_02, rgba(38, 38, 38, 0.08)) !default;
307
+ $btn-ghost-light-bg-active: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
308
+ $btn-ghost-light-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
309
+ $btn-ghost-light-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;