@txdfe/at-theme 2.0.1-2 → 2.0.1-21
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 +4 -0
- package/apsara/css/index.css +3 -3
- package/apsara/js/index.js +3 -3
- package/apsara/less/index.less +3 -3
- package/apsara-dark/css/index.css +3 -3
- package/apsara-dark/js/index.js +3 -3
- package/apsara-dark/less/index.less +3 -3
- package/common/variables/radius.scss +2 -2
- package/infra/css/index.css +4 -4
- package/infra/js/index.js +4 -4
- package/infra/less/index.less +4 -4
- package/infra-dark/css/index.css +4 -4
- package/infra-dark/js/index.js +4 -4
- package/infra-dark/less/index.less +4 -4
- package/package.json +1 -1
- package/teambition/css/index.css +236 -149
- package/teambition/js/index.js +265 -149
- package/teambition/less/index.less +236 -149
- package/teambition/scss/variables/color.scss +261 -156
- package/teambition/scss/variables/shadow.scss +5 -0
- package/teambition-dark/css/index.css +4 -4
- package/teambition-dark/js/index.js +4 -4
- package/teambition-dark/less/index.less +4 -4
|
@@ -1,124 +1,220 @@
|
|
|
1
1
|
// 颜色变量
|
|
2
2
|
@import '../../../common/variables/color.scss';
|
|
3
3
|
|
|
4
|
-
$
|
|
5
|
-
$
|
|
6
|
-
$
|
|
7
|
-
$
|
|
8
|
-
$
|
|
9
|
-
$
|
|
10
|
-
$
|
|
11
|
-
|
|
12
|
-
$
|
|
13
|
-
$
|
|
14
|
-
|
|
15
|
-
$
|
|
16
|
-
$
|
|
17
|
-
$
|
|
18
|
-
$
|
|
19
|
-
|
|
20
|
-
$
|
|
21
|
-
$
|
|
22
|
-
$
|
|
23
|
-
$
|
|
24
|
-
|
|
25
|
-
$
|
|
26
|
-
$
|
|
27
|
-
|
|
28
|
-
$
|
|
29
|
-
$
|
|
30
|
-
$
|
|
31
|
-
$
|
|
32
|
-
$
|
|
33
|
-
|
|
34
|
-
$
|
|
35
|
-
|
|
36
|
-
$
|
|
37
|
-
$
|
|
38
|
-
$
|
|
39
|
-
$
|
|
40
|
-
$
|
|
41
|
-
$
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
$
|
|
45
|
-
$
|
|
46
|
-
$
|
|
47
|
-
|
|
48
|
-
$
|
|
49
|
-
$
|
|
50
|
-
$
|
|
51
|
-
$
|
|
52
|
-
|
|
53
|
-
$
|
|
54
|
-
|
|
55
|
-
$
|
|
56
|
-
$
|
|
57
|
-
|
|
58
|
-
$
|
|
59
|
-
$
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
$
|
|
63
|
-
|
|
64
|
-
$
|
|
65
|
-
$
|
|
66
|
-
$
|
|
67
|
-
$
|
|
68
|
-
|
|
69
|
-
$
|
|
70
|
-
|
|
71
|
-
$
|
|
72
|
-
$
|
|
73
|
-
$
|
|
74
|
-
|
|
75
|
-
$
|
|
76
|
-
|
|
77
|
-
$
|
|
78
|
-
|
|
79
|
-
$
|
|
80
|
-
|
|
81
|
-
$
|
|
82
|
-
$
|
|
83
|
-
|
|
84
|
-
$
|
|
85
|
-
$
|
|
86
|
-
|
|
87
|
-
$
|
|
88
|
-
$
|
|
89
|
-
$
|
|
90
|
-
$
|
|
91
|
-
|
|
92
|
-
$
|
|
93
|
-
$
|
|
94
|
-
$
|
|
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
|
+
$gray-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.05)) !default;
|
|
89
|
+
$line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05)) !default;
|
|
90
|
+
$gray-fillover: var(--CDS_gray_fillover, rgba(38, 38, 38, 0.08)) !default;
|
|
91
|
+
|
|
92
|
+
$gray-filled: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
93
|
+
$line-actived: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
94
|
+
$line-select: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
95
|
+
$line-selected: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
96
|
+
|
|
97
|
+
$gray-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.09)) !default;
|
|
98
|
+
$line-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
99
|
+
|
|
100
|
+
$gray-basic: var(--CDS_gray_basic, rgba(255, 255, 255, 1)) !default;
|
|
101
|
+
$basic: var(--CDS_gray_basic, rgba(255, 255, 255, 1)) !default;
|
|
102
|
+
$basic-fg: var(--CDS_gray_basic, rgba(255, 255, 255, 1)) !default;
|
|
103
|
+
$basic-bg: var(--CDS_gray_00, rgba(255, 255, 255, 1)) !default;
|
|
104
|
+
|
|
105
|
+
$line-color: var(--CDS_gray_basic, rgba(255, 255, 255, 1)) !default;
|
|
106
|
+
|
|
107
|
+
$gray-modal: var(--CDS_gray_modal, rgba(255, 255, 255, 1)) !default;
|
|
108
|
+
$modal-color: var(--CDS_gray_modal, rgba(255, 255, 255, 1)) !default;
|
|
109
|
+
$gray-popover: var(--CDS_gray_popover, linear-gradient(104deg, rgba(250, 250, 250, 0.9) 6%, rgba(244, 244, 244, 0.9) 95%)) !default;
|
|
110
|
+
$popover-color: var(--CDS_gray_popover, linear-gradient(104deg, rgba(250, 250, 250, 0.9) 6%, rgba(244, 244, 244, 0.9) 95%)) !default;
|
|
111
|
+
|
|
112
|
+
$gray-00: var(--CDS_gray_00, rgba(255, 255, 255, 1)) !default;
|
|
113
|
+
$gray-01: var(--CDS_gray_01, rgba(249, 249, 249, 1)) !default;
|
|
114
|
+
$gray-02: var(--CDS_gray_02, rgba(38, 38, 38, 0.06)) !default;
|
|
115
|
+
$gray-03: var(--CDS_gray_03, rgba(38, 38, 38, 0.1)) !default;
|
|
116
|
+
$gray-04: var(--CDS_gray_04, rgba(38, 38, 38, 0.22)) !default;
|
|
117
|
+
$gray-05: var(--CDS_gray_05, rgba(38, 38, 38, 0.4)) !default;
|
|
118
|
+
$gray-06: var(--CDS_gray_06, rgba(38, 38, 38, 0.6)) !default;
|
|
119
|
+
$gray-07: var(--CDS_gray_07, rgba(38, 38, 38, 0.76)) !default;
|
|
120
|
+
$gray-08: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
121
|
+
$gray-pale: var(--CDS_gray_pale, rgba(38, 38, 38, 0.03)) !default;
|
|
122
|
+
$gray-page: var(--CDS_gray_page, rgba(251, 251, 251, 1)) !default;
|
|
123
|
+
|
|
124
|
+
$shadow-color: var(--CDS_shadow_color, rgba(0, 0, 0, 1)) !default;
|
|
125
|
+
|
|
126
|
+
$dashboard-01: var(--CDS_data_orange, rgba(255, 175, 56, 1)) !default;
|
|
127
|
+
$dashboard-02: var(--CDS_data_red, rgba(255, 101, 107, 1)) !default;
|
|
128
|
+
$dashboard-03: var(--CDS_data_green, rgba(117, 201, 64, 1)) !default;
|
|
129
|
+
$dashboard-04: var(--CDS_data_purple, rgba(153, 121, 242, 1)) !default;
|
|
130
|
+
$dashboard-05: var(--CDS_data_blue, rgba(3, 149, 255, 1)) !default;
|
|
131
|
+
$dashboard-06: var(--CDS_data_cyan, rgba(87, 233, 196, 1)) !default;
|
|
132
|
+
$dashboard-07: var(--CDS_data_violet, rgba(92, 96, 230, 1)) !default;
|
|
133
|
+
|
|
134
|
+
$data-orange: var(--CDS_data_orange, rgba(255, 175, 56, 1)) !default;
|
|
135
|
+
$data-red: var(--CDS_data_red, rgba(255, 101, 107, 1)) !default;
|
|
136
|
+
$data-green: var(--CDS_data_green, rgba(117, 201, 64, 1)) !default;
|
|
137
|
+
$data-purple: var(--CDS_data_purple, rgba(153, 121, 242, 1)) !default;
|
|
138
|
+
$data-blue: var(--CDS_data_blue, rgba(3, 149, 255, 1)) !default;
|
|
139
|
+
$data-cyan: var(--CDS_data_cyan, rgba(87, 233, 196, 1)) !default;
|
|
140
|
+
$data-violet: var(--CDS_data_violet, rgba(92, 96, 230, 1)) !default;
|
|
141
|
+
$data-sky: var(--CDS_data_sky, rgba(199, 237, 248, 1)) !default;
|
|
142
|
+
|
|
143
|
+
$placeholder-01: var(--CDS_ph_plum, rgba(188, 97, 207, 1)) !default;
|
|
144
|
+
$placeholder-02: var(--CDS_ph_red, rgba(242, 102, 102, 1)) !default;
|
|
145
|
+
$placeholder-03: var(--CDS_ph_orange, rgba(242, 154, 82, 1)) !default;
|
|
146
|
+
$placeholder-04: var(--CDS_ph_amber, rgba(244, 195, 41, 1)) !default;
|
|
147
|
+
$placeholder-05: var(--CDS_ph_olive, rgba(203, 208, 87, 1)) !default;
|
|
148
|
+
$placeholder-06: var(--CDS_ph_sky, rgba(41, 179, 240, 1)) !default;
|
|
149
|
+
$placeholder-07: var(--CDS_ph_blue, rgba(56, 133, 234, 1)) !default;
|
|
150
|
+
|
|
151
|
+
$ph-plum: var(--CDS_ph_plum, rgba(188, 97, 207, 1)) !default;
|
|
152
|
+
$ph-red: var(--CDS_ph_red, rgba(242, 102, 102, 1)) !default;
|
|
153
|
+
$ph-orange: var(--CDS_ph_orange, rgba(242, 154, 82, 1)) !default;
|
|
154
|
+
$ph-amber: var(--CDS_ph_amber, rgba(244, 195, 41, 1)) !default;
|
|
155
|
+
$ph-olive: var(--CDS_ph_olive, rgba(203, 208, 87, 1)) !default;
|
|
156
|
+
$ph-sky: var(--CDS_ph_sky, rgba(41, 179, 240, 1)) !default;
|
|
157
|
+
$ph-blue: var(--CDS_ph_blue, rgba(56, 133, 234, 1)) !default;
|
|
158
|
+
|
|
159
|
+
// Chart 相关颜色，诸如 gantt 等场景使用
|
|
160
|
+
// 01 代表 soft
|
|
161
|
+
// 02 代表 hard
|
|
162
|
+
// 03 代表 deep
|
|
163
|
+
$lavender-soft: var(--CDS_ct_lavender_soft, rgba(158, 163, 255, 1));
|
|
164
|
+
$lavender-hard: var(--CDS_ct_lavender_hard, rgba(118, 127, 247, 1));
|
|
165
|
+
$coral-soft: var(--CDS_ct_coral_soft, rgba(253, 153, 143, 1));
|
|
166
|
+
$coral-hard: var(--CDS_ct_coral_hard, rgba(229, 106, 94, 1));
|
|
167
|
+
$water-soft: var(--CDS_ct_water_soft, rgba(149, 221, 255, 1));
|
|
168
|
+
$water-hard: var(--CDS_ct_water_hard, rgba(89, 197, 255, 1));
|
|
169
|
+
$neutral-soft: var(--CDS_ct_neutral_soft, rgba(217, 217, 217, 1));
|
|
170
|
+
$neutral-hard: var(--CDS_ct_neutral_hard, rgba(191, 191, 191, 1));
|
|
171
|
+
$neutral-deep: var(--CDS_ct_neutral_deep, rgba(140, 140, 140, 1));
|
|
95
172
|
|
|
96
173
|
$background-fill: $G0 !default;
|
|
97
174
|
$background-nav-search: transparent !default;
|
|
98
175
|
|
|
99
|
-
$background-section: var(--CDS_gray_modal) !default;
|
|
100
|
-
$background-layout: var(--CDS_gray_00) !default;
|
|
101
|
-
$background-overlay: var(--CDS_gray_modal) !default; // mark ！！
|
|
102
|
-
$background-switch-trigger: var(--CDS_white_01) !default;
|
|
103
|
-
$background-base: var(--CDS_gray_fill) !default;
|
|
104
|
-
|
|
105
|
-
$
|
|
106
|
-
$
|
|
176
|
+
$background-section: var(--CDS_gray_modal, rgba(255, 255, 255, 1)) !default;
|
|
177
|
+
$background-layout: var(--CDS_gray_00, rgba(255, 255, 255, 1)) !default;
|
|
178
|
+
$background-overlay: var(--CDS_gray_modal, rgba(255, 255, 255, 1)) !default; // mark ！！
|
|
179
|
+
$background-switch-trigger: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
|
|
180
|
+
$background-base: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
181
|
+
|
|
182
|
+
$mask: var(--CDS_black_overlay, rgba(0, 0, 0, 0.2)) !default;
|
|
183
|
+
$overlay: var(--CDS_black_overlay, rgba(0, 0, 0, 0.2)) !default;
|
|
184
|
+
|
|
185
|
+
$shadow-00: var(--CDS_shadow_00, 0px 1px 4px 0px rgba(38, 38, 38, 0.04)) !default;
|
|
186
|
+
$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;
|
|
187
|
+
$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;
|
|
188
|
+
$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;
|
|
189
|
+
$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;
|
|
190
|
+
$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;
|
|
191
|
+
$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;
|
|
192
|
+
$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;
|
|
193
|
+
$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;
|
|
194
|
+
$shadow-input: var(--CDS_shadow_input, 0px 0px 0px 2px rgba(0, 145, 255, 0.1)) !default;
|
|
195
|
+
$shadow-color-00: var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.04)) !default;
|
|
196
|
+
$shadow-color-01: var(--CDS_shadow_color_01, rgba(38, 38, 38, 0.1)) !default;
|
|
197
|
+
$shadow-color-02: var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14)) !default;
|
|
198
|
+
$shadow-color-03: var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18)) !default;
|
|
199
|
+
$shadow-color-04: var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24)) !default;
|
|
200
|
+
|
|
201
|
+
$cell-line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05)) !default;
|
|
202
|
+
$cell-line-active: var(--CDS_gray_02, rgba(38, 38, 38, 0.08)) !default;
|
|
107
203
|
|
|
108
204
|
// custom-override-color
|
|
109
205
|
|
|
110
206
|
// tab 组件
|
|
111
207
|
$tab-wrapped-bg-color-hover: transparent;
|
|
112
208
|
$tab-wrapped-bg-color: transparent;
|
|
113
|
-
$tab-wrapped-bg-color-selected: var(--CDS_gray_basic);
|
|
209
|
+
$tab-wrapped-bg-color-selected: var(--CDS_gray_basic, rgba(255, 255, 255, 1));
|
|
114
210
|
|
|
115
211
|
// step
|
|
116
|
-
$step-dot-item-tail-wait-color: var(--CDS_gray_05) !default;
|
|
117
|
-
$step-dot-item-tail-process-color: var(--CDS_gray_05) !default;
|
|
118
|
-
$step-dot-item-tail-disabled-color: var(--CDS_gray_05) !default;
|
|
119
|
-
$step-circle-item-tail-wait-color: var(--CDS_gray_05) !default;
|
|
120
|
-
$step-circle-item-tail-process-color: var(--CDS_gray_05) !default;
|
|
121
|
-
$step-circle-item-tail-disabled-color: var(--CDS_gray_05) !default;
|
|
212
|
+
$step-dot-item-tail-wait-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
|
|
213
|
+
$step-dot-item-tail-process-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
|
|
214
|
+
$step-dot-item-tail-disabled-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
|
|
215
|
+
$step-circle-item-tail-wait-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
|
|
216
|
+
$step-circle-item-tail-process-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
|
|
217
|
+
$step-circle-item-tail-disabled-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
|
|
122
218
|
|
|
123
219
|
// pagination
|
|
124
220
|
$pagination-item-bg: transparent;
|
|
@@ -139,88 +235,97 @@ $nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color) !default;
|
|
|
139
235
|
$nav-primary-sub-nav-bg-color: transparent !default;
|
|
140
236
|
|
|
141
237
|
// table
|
|
142
|
-
$table-row-hover-bg: var(--CDS_gray_fill) !default;
|
|
238
|
+
$table-row-hover-bg: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
143
239
|
|
|
144
240
|
// menu
|
|
145
|
-
$menu-background
|
|
146
|
-
$menu-background-
|
|
147
|
-
$menu-background-
|
|
148
|
-
$menu-
|
|
241
|
+
$menu-background: var(--CDS_gray_popover, rgba(255, 255, 255, 1)) !default;
|
|
242
|
+
$menu-background-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
243
|
+
$menu-background-selected: var(--CDS_gray_filled, rgba(38, 38, 38, 0.06)) !default;
|
|
244
|
+
$menu-background-focus: var(--CDS_gray_filled, rgba(38, 38, 38, 0.06)) !default;
|
|
245
|
+
$menu-divider-color: var(--CDS_gray_02, rgba(38, 38, 38, 0.06)) !default;
|
|
149
246
|
|
|
150
247
|
// input
|
|
151
248
|
$input-bg-color: transparent !default;
|
|
152
249
|
$input-focus-bg-color: transparent !default;
|
|
153
250
|
$input-hover-bg-color: transparent !default;
|
|
154
|
-
$input-disabled-bg-color: var(--CDS_gray_fill) !default;
|
|
155
|
-
$input-addon-bg-color: var(--CDS_gray_fill) !default;
|
|
251
|
+
$input-disabled-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
252
|
+
$input-addon-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
156
253
|
|
|
157
254
|
// tag
|
|
158
|
-
$tag-closable-primary-fill-bg-color: var(--CDS_gray_02) !default;
|
|
159
|
-
$tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03) !default;
|
|
160
|
-
$tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02) !default;
|
|
161
|
-
$tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04) !default;
|
|
162
|
-
$tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03) !default;
|
|
163
|
-
$tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05) !default;
|
|
255
|
+
$tag-closable-primary-fill-bg-color: var(--CDS_gray_02, rgba(38, 38, 38, 0.08)) !default;
|
|
256
|
+
$tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
|
|
257
|
+
$tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02, rgba(38, 38, 38, 0.08)) !default;
|
|
258
|
+
$tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04, rgba(38, 38, 38, 0.18)) !default;
|
|
259
|
+
$tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
|
|
260
|
+
$tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
|
|
164
261
|
|
|
165
262
|
// transfer
|
|
166
|
-
$transfer-panel-header-background-color: var(--CDS_gray_basic) !default;
|
|
263
|
+
$transfer-panel-header-background-color: var(--CDS_gray_basic, rgba(255, 255, 255, 1)) !default;
|
|
167
264
|
|
|
168
265
|
// switch
|
|
169
|
-
$switch-disabled-on-bg-color: var(--CDS_gray_03) !default;
|
|
266
|
+
$switch-disabled-on-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
|
|
170
267
|
|
|
171
268
|
// searcher
|
|
172
|
-
$search-nav-search-bg-color: var(--CDS_gray_fill) !default;
|
|
269
|
+
$search-nav-search-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
173
270
|
|
|
174
271
|
// range
|
|
175
|
-
$range-normal-slider-bg-color: var(--CDS_white_01) !default;
|
|
176
|
-
$range-normal-slider-bg-color-hover: var(--CDS_white_01) !default;
|
|
272
|
+
$range-normal-slider-bg-color: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
|
|
273
|
+
$range-normal-slider-bg-color-hover: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
|
|
177
274
|
|
|
178
275
|
// radio
|
|
179
276
|
$radio-bg-color: transparent !default;
|
|
180
|
-
$radio-disabled-bg-color: var(--
|
|
277
|
+
$radio-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
|
|
181
278
|
|
|
182
279
|
// calendar
|
|
183
|
-
$calendar-card-table-cell-disabled-background: var(--CDS_gray_fill) !default;
|
|
184
|
-
$calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill) !default;
|
|
280
|
+
$calendar-card-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
281
|
+
$calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
185
282
|
|
|
186
283
|
// checkbox
|
|
187
284
|
$checkbox-bg-color: transparent !default;
|
|
188
|
-
$checkbox-disabled-bg-color: var(--
|
|
285
|
+
$checkbox-disabled-bg-color: var(--CDS_gray_pale, rgba(38, 38, 38, 0.12)) !default;
|
|
189
286
|
|
|
190
287
|
// ballon
|
|
191
288
|
$balloon-tooltip-color-primary-bg: rgba(0, 0, 0, .9) !important !default;
|
|
192
|
-
$balloon-tooltip-color-normal-bg: var(--CDS_gray_popover) !important !default;
|
|
193
|
-
$balloon-tooltip-color-normal: var(--CDS_gray_08) !default;
|
|
194
|
-
$balloon-tooltip-color-primary: var(--CDS_white_01) !default;
|
|
289
|
+
$balloon-tooltip-color-normal-bg: var(--CDS_gray_popover, rgba(255, 255, 255, 1)) !important !default;
|
|
290
|
+
$balloon-tooltip-color-normal: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
291
|
+
$balloon-tooltip-color-primary: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
|
|
195
292
|
|
|
196
293
|
// button
|
|
197
|
-
$btn-warning-primary-bg-disabled: var(--CDS_gray_05) !default;
|
|
198
|
-
$btn-warning-primary-color-disabled: var(--CDS_white_01) !default;
|
|
294
|
+
$btn-warning-primary-bg-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4)) !default;
|
|
295
|
+
$btn-warning-primary-color-disabled: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
|
|
199
296
|
$btn-warning-primary-border-color-disabled: transparent !default;
|
|
200
|
-
$btn-pure-color-disabled: var(--CDS_white_01) !default;
|
|
201
|
-
$btn-pure-bg-disabled: var(--
|
|
202
|
-
$btn-pure-border-color-disabled: var(--
|
|
297
|
+
$btn-pure-color-disabled: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
|
|
298
|
+
$btn-pure-bg-disabled: var(--CDS_gray_04, rgba(38, 38, 38, 0.4)) !default;
|
|
299
|
+
$btn-pure-border-color-disabled: var(--CDS_gray_04, rgba(38, 38, 38, 0.4)) !default;
|
|
203
300
|
// button ghost dark
|
|
204
301
|
$btn-ghost-dark-bg-normal: transparent !default;
|
|
205
|
-
$btn-ghost-dark-color: var(--CDS_gray_08) !default;
|
|
206
|
-
$btn-ghost-dark-color-hover: var(--CDS_gray_08) !default;
|
|
207
|
-
$btn-ghost-dark-color-active: var(--CDS_gray_08) !default;
|
|
208
|
-
$btn-ghost-dark-border-color-active: var(--CDS_gray_08) !default;
|
|
209
|
-
$btn-ghost-dark-border-color-hover: var(--CDS_gray_08) !default;
|
|
210
|
-
$btn-ghost-dark-border-color: var(--CDS_gray_08) !default;
|
|
211
|
-
$btn-ghost-dark-bg-hover: var(--CDS_gray_fill) !default;
|
|
212
|
-
$btn-ghost-dark-bg-active: var(--CDS_gray_03) !default;
|
|
213
|
-
$btn-ghost-dark-color-disabled: var(--CDS_gray_05) !default;
|
|
214
|
-
$btn-ghost-dark-border-color-disabled: var(--CDS_gray_05) !default;
|
|
302
|
+
$btn-ghost-dark-color: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
303
|
+
$btn-ghost-dark-color-hover: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
304
|
+
$btn-ghost-dark-color-active: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
305
|
+
$btn-ghost-dark-border-color-active: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
306
|
+
$btn-ghost-dark-border-color-hover: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
307
|
+
$btn-ghost-dark-border-color: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
308
|
+
$btn-ghost-dark-bg-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
|
|
309
|
+
$btn-ghost-dark-bg-active: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
|
|
310
|
+
$btn-ghost-dark-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
|
|
311
|
+
$btn-ghost-dark-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
|
|
215
312
|
// button ghost light
|
|
216
313
|
$btn-ghost-light-bg-normal: transparent !default;
|
|
217
|
-
$btn-ghost-light-border-color: var(--CDS_gray_08) !default;
|
|
218
|
-
$btn-ghost-light-color: var(--CDS_gray_08) !default;
|
|
219
|
-
$btn-ghost-light-color-active: var(--CDS_gray_08) !default;
|
|
220
|
-
$btn-ghost-light-color-hover: var(--CDS_gray_08) !default;
|
|
221
|
-
$btn-ghost-light-border-color-active: var(--CDS_gray_08) !default;
|
|
222
|
-
$btn-ghost-light-border-color-hover: var(--CDS_gray_08) !default;
|
|
223
|
-
$btn-ghost-light-bg-hover: var(--CDS_gray_02) !default;
|
|
224
|
-
$btn-ghost-light-bg-active: var(--CDS_gray_03) !default;
|
|
225
|
-
$btn-ghost-light-color-disabled: var(--CDS_gray_05) !default;
|
|
226
|
-
$btn-ghost-light-border-color-disabled: var(--CDS_gray_05) !default;
|
|
314
|
+
$btn-ghost-light-border-color: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
315
|
+
$btn-ghost-light-color: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
316
|
+
$btn-ghost-light-color-active: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
317
|
+
$btn-ghost-light-color-hover: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
318
|
+
$btn-ghost-light-border-color-active: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
319
|
+
$btn-ghost-light-border-color-hover: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
|
|
320
|
+
$btn-ghost-light-bg-hover: var(--CDS_gray_02, rgba(38, 38, 38, 0.08)) !default;
|
|
321
|
+
$btn-ghost-light-bg-active: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
|
|
322
|
+
$btn-ghost-light-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
|
|
323
|
+
$btn-ghost-light-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3)) !default;
|
|
324
|
+
|
|
325
|
+
$lake-subtle: var(--CDS_ct_lake_subtle, rgba(217, 246, 245, 1)) !default;
|
|
326
|
+
$lake-soft: var(--CDS_ct_lake_soft, rgba(178, 240, 237, 1)) !default;
|
|
327
|
+
$lake-medium: var(--CDS_ct_lake_medium, rgba(112, 224, 220, 1)) !default;
|
|
328
|
+
$lake-hard: var(--CDS_ct_lake_hard, rgba(0, 194, 185, 1)) !default;
|
|
329
|
+
$sea-medium: var(--CDS_ct_sea_medium, rgba(106, 219, 251, 1)) !default;
|
|
330
|
+
$violet-hard: var(--CDS_ct_violet_hard, rgba(151, 135, 255, 1)) !default;
|
|
331
|
+
$mango-hard: var(--CDS_ct_mango_hard, rgba(255, 202, 73, 1)) !default;
|
|
@@ -4,3 +4,8 @@ $shadow-01: var(--CDS_shadow_01) !default;
|
|
|
4
4
|
$shadow-02: var(--CDS_shadow_01) !default;
|
|
5
5
|
$shadow-03: var(--CDS_shadow_03) !default;
|
|
6
6
|
$shadow-04: var(--CDS_shadow_04) !default;
|
|
7
|
+
|
|
8
|
+
$shadow-card: var(--CDS_shadow_01) !default;
|
|
9
|
+
$shadow-card-hover: var(--CDS_shadow_01) !default;
|
|
10
|
+
$shadow-popover: var(--CDS_shadow_03) !default;
|
|
11
|
+
$shadow-modal: var(--CDS_shadow_04) !default;
|
|
@@ -124,8 +124,8 @@
|
|
|
124
124
|
--ALPHA1: 1;
|
|
125
125
|
--css-prefix: next-;
|
|
126
126
|
--R0: 0;
|
|
127
|
-
--R2:
|
|
128
|
-
--R4:
|
|
127
|
+
--R2: 4px;
|
|
128
|
+
--R4: 8px;
|
|
129
129
|
--R6: 50%;
|
|
130
130
|
--SH1: 0 1px 3px 0 rgba(38, 38, 38, 0.1);
|
|
131
131
|
--SH2: 0 4px 16px 0 rgba(38, 38, 38, 0.12);
|
|
@@ -238,8 +238,8 @@
|
|
|
238
238
|
--line-height-display-3: 36px;
|
|
239
239
|
--line-height-display-4: 40px;
|
|
240
240
|
--border-opacity: 0;
|
|
241
|
-
--shape-radius:
|
|
242
|
-
--shape-checkbox:
|
|
241
|
+
--shape-radius: 8px;
|
|
242
|
+
--shape-checkbox: 4px;
|
|
243
243
|
--shape-circular: 50%;
|
|
244
244
|
--shadow-01: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
|
|
245
245
|
--shadow-02: 0 6px 18px 0 rgba(0, 0, 0, 0.4);
|
|
@@ -126,8 +126,8 @@ module.exports = {
|
|
|
126
126
|
ALPHA1: 1,
|
|
127
127
|
"css-prefix": "next-",
|
|
128
128
|
R0: 0,
|
|
129
|
-
R2: "
|
|
130
|
-
R4: "
|
|
129
|
+
R2: "4px",
|
|
130
|
+
R4: "8px",
|
|
131
131
|
R6: "50%",
|
|
132
132
|
SH1: "0 1px 3px 0 rgba(38, 38, 38, 0.1)",
|
|
133
133
|
SH2: "0 4px 16px 0 rgba(38, 38, 38, 0.12)",
|
|
@@ -240,8 +240,8 @@ module.exports = {
|
|
|
240
240
|
"line-height-display-3": "36px",
|
|
241
241
|
"line-height-display-4": "40px",
|
|
242
242
|
"border-opacity": 0,
|
|
243
|
-
"shape-radius": "
|
|
244
|
-
"shape-checkbox": "
|
|
243
|
+
"shape-radius": "8px",
|
|
244
|
+
"shape-checkbox": "4px",
|
|
245
245
|
"shape-circular": "50%",
|
|
246
246
|
"shadow-01": "0 1px 5px 0 rgba(0, 0, 0, 0.1)",
|
|
247
247
|
"shadow-02": "0 6px 18px 0 rgba(0, 0, 0, 0.4)",
|
|
@@ -123,8 +123,8 @@
|
|
|
123
123
|
@ALPHA1: 1;
|
|
124
124
|
@css-prefix: next-;
|
|
125
125
|
@R0: 0;
|
|
126
|
-
@R2:
|
|
127
|
-
@R4:
|
|
126
|
+
@R2: 4px;
|
|
127
|
+
@R4: 8px;
|
|
128
128
|
@R6: 50%;
|
|
129
129
|
@SH1: 0 1px 3px 0 rgba(38, 38, 38, 0.1);
|
|
130
130
|
@SH2: 0 4px 16px 0 rgba(38, 38, 38, 0.12);
|
|
@@ -237,8 +237,8 @@
|
|
|
237
237
|
@line-height-display-3: 36px;
|
|
238
238
|
@line-height-display-4: 40px;
|
|
239
239
|
@border-opacity: 0;
|
|
240
|
-
@shape-radius:
|
|
241
|
-
@shape-checkbox:
|
|
240
|
+
@shape-radius: 8px;
|
|
241
|
+
@shape-checkbox: 4px;
|
|
242
242
|
@shape-circular: 50%;
|
|
243
243
|
@shadow-01: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
|
|
244
244
|
@shadow-02: 0 6px 18px 0 rgba(0, 0, 0, 0.4);
|