@txdfe/at-theme 2.0.1-15 → 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.
- package/README.md +4 -0
- package/package.json +1 -1
- package/teambition/css/index.css +185 -180
- package/teambition/js/index.js +202 -180
- package/teambition/less/index.less +185 -180
- package/teambition/scss/variables/color.scss +207 -202
|
@@ -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
|
-
$
|
|
57
|
-
|
|
58
|
-
$
|
|
59
|
-
$
|
|
60
|
-
$
|
|
61
|
-
$
|
|
62
|
-
|
|
63
|
-
$
|
|
64
|
-
$
|
|
65
|
-
$
|
|
66
|
-
|
|
67
|
-
$
|
|
68
|
-
|
|
69
|
-
$white
|
|
70
|
-
|
|
71
|
-
$white
|
|
72
|
-
|
|
73
|
-
$white-
|
|
74
|
-
|
|
75
|
-
$
|
|
76
|
-
$
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
$
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
$
|
|
83
|
-
$line-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
$
|
|
87
|
-
$line-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
$
|
|
91
|
-
$
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
$
|
|
95
|
-
|
|
96
|
-
$
|
|
97
|
-
|
|
98
|
-
$
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
$
|
|
102
|
-
$gray-
|
|
103
|
-
$
|
|
104
|
-
|
|
105
|
-
$gray-
|
|
106
|
-
$gray-
|
|
107
|
-
$gray-
|
|
108
|
-
$gray-
|
|
109
|
-
$gray-
|
|
110
|
-
|
|
111
|
-
$
|
|
112
|
-
|
|
113
|
-
$
|
|
114
|
-
|
|
115
|
-
$
|
|
116
|
-
|
|
117
|
-
$dashboard-
|
|
118
|
-
$dashboard-
|
|
119
|
-
$dashboard-
|
|
120
|
-
|
|
121
|
-
$
|
|
122
|
-
$
|
|
123
|
-
$
|
|
124
|
-
|
|
125
|
-
$data-
|
|
126
|
-
$data-
|
|
127
|
-
$data-
|
|
128
|
-
|
|
129
|
-
$
|
|
130
|
-
$
|
|
131
|
-
$
|
|
132
|
-
$
|
|
133
|
-
|
|
134
|
-
$placeholder-
|
|
135
|
-
$placeholder-
|
|
136
|
-
|
|
137
|
-
$
|
|
138
|
-
$
|
|
139
|
-
$
|
|
140
|
-
$
|
|
141
|
-
|
|
142
|
-
$ph-
|
|
143
|
-
$ph-
|
|
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(--
|
|
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;
|