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

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