@das-fed/upf-ui 6.4.0-dev.312 → 6.4.0-dev.314

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.
@@ -1,321 +1,321 @@
1
- :root {
2
- --upf-color-primary: #e63946;
3
- --upf-color-primary-bg: #fce8ea;
4
- --upf-color-success: #52c41a;
5
- --upf-color-warning: #faad14;
6
- --upf-color-error: #ff4d4f;
7
- --upf-color-info: #1890ff;
8
- --upf-text-disabled: #B2B2B2;
9
- --upf-bg-primary: #ffffff;
10
- --upf-bg-secondary: #F2F2F2;
11
- --upf-bg-elevated: #ffffff;
12
- --upf-border-color: #D9D9D9;
13
- --upf-nav-border-color: rgba(235, 239, 245, 1);
14
- --upf-tab-bg: #ffffff;
15
- --upf-tab-text: #666666;
16
- --upf-tab-active-bg: #ffffff;
17
- --upf-border-radius: 4px;
18
- --upf-brand-primary: #eb0e1b;
19
- --upf-brand-secondary: #f15760;
20
- --upf-text-primary: #231815;
21
- --upf-text-secondary: #666666;
22
- --upf-text-placeholder: #bfbfbf;
23
- --upf-bg-mask: rgba(0, 0, 0, 0.45);
24
- --upf-divider-color: #ebeff5;
25
- --upf-nav-bg: #eb0e1b;
26
- --upf-nav-text: #ffffff;
27
- --upf-nav-hover-bg: rgba(255, 255, 255, 0.3);
28
- --upf-nav-active-bg: rgba(255, 255, 255, 0.3);
29
- --upf-nav-active-text: #ffffff;
30
- --upf-menu-bg: #ffffff;
31
- --upf-menu-text: #231815;
32
- --upf-menu-hover-bg: #f2f2f2;
33
- --upf-menu-hover-text: #231815;
34
- --upf-menu-active-bg: #fce8ea;
35
- --upf-menu-active-text: #e63946;
36
- --upf-menu-submenu-bg: #FAFAFA;
37
- --upf-tab-hover-bg: #fce8ea;
38
- --upf-tab-active-text: #e63946;
39
- --upf-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
40
- --upf-box-shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.12);
41
- --upf-button-primary: #e63946;
42
- --upf-notification-primary-bg: #e63946;
43
- --upf-button-default-text: #231815;
44
- --upf-notification-title-text: #231815;
45
- --upf-text-tooltip-text: #231815;
46
- --upf-button-default-border: #D9D9D9;
47
- --upf-text-tooltip-border: #D9D9D9;
48
- --upf-button-default-disabled: #B2B2B2;
49
- --upf-switch-off-color: #B2B2B2;
50
- --upf-message-thumb: #B2B2B2;
51
- --upf-text-tooltip-scrollbar-thumb: #B2B2B2;
52
- --upf-button-default-disabled-bg: #F2F2F2;
53
- --upf-table-header-bg: #F2F2F2;
54
- --upf-checkbox-filter-bg: #ffffff;
55
- --upf-loading-color-1: #1890ff;
56
- --upf-loading-color-2: #f15760;
57
- --upf-loading-color-3: #52c41a;
58
- --upf-loading-color-6: #ebeff5;
59
- --upf-message-close: #666666;
60
- --upf-notification-description-text: #666666;
61
- --upf-notification-close: #666666;
62
- --upf-text-tooltip-scrollbar-thumb-hover: #666666;
63
- --upf-button-primary-text: #ffffff;
64
- --upf-button-primary-text-disabled: rgba(255, 255, 255, 1);
65
- --upf-dialog-basic-header-height: 50px;
66
- --upf-dialog-basic-content-padding: 30px;
67
- --upf-dialog-feedback-header-height: 60px;
68
- --upf-dialog-feedback-icon-width: 168px;
69
- --upf-dialog-feedback-icon-height: 96px;
70
- --upf-dialog-feedback-content-font-size: 16px;
71
- --upf-dialog-feedback-content-padding: 48px;
72
- --upf-dialog-notice-content-font-size: 14px;
73
- --upf-dialog-notice-content-padding: 24px;
74
- --upf-table-header-padding-top: 4px;
75
- --upf-table-header-padding-bottom: 4px;
76
- --upf-message-font-size-sm: 12px;
77
- --upf-message-font-size-md: 14px;
78
- --upf-message-font-size-lg: 16px;
79
- --upf-notification-font-size-sm: 12px;
80
- --upf-notification-font-size-md: 14px;
81
- --upf-notification-font-size-lg: 16px;
82
- --upf-notification-primary-text: #ffffff;
83
- --upf-text-tooltip-scrollbar-padding: 1px;
84
- --upf-button-primary-hover: #eb5d67;
85
- --upf-button-active: #C9303C;
86
- --upf-button-disabled: #f8c4c8;
87
- --upf-button-set: #b32c37;
88
- --upf-button-set-hover: #c6313c;
89
- --upf-button-set-active: #C9303C;
90
- --upf-button-set-disabled: #d58b91;
91
- --upf-switch-on-color-disabled: #f7c0c4;
92
- --upf-checkbox-focus-shadow: rgba(230, 57, 70, 0.1);
93
- --upf-checkbox-overlay-error-bg: #ffe6e6;
94
- --upf-loading-color-4: #eb4752;
95
- --upf-loading-color-5: #e63946;
96
- --upf-table-row-hover-bg: #F2F2F2;
97
- --upf-table-row-active-bg: #fdeff0;
98
- --upf-table-row-active-hover-bg: #fce3e5;
99
- --upf-table-summary-row-color: #fc822f;
100
- --upf-table-summary-row-bg: #fef0d5;
101
- --upf-message-bg: #dfefff;
102
- --upf-message-text: #1890ff;
103
- --upf-message-border: #b5dbff;
104
- --upf-message-close-hover: #e63946;
105
- --upf-message-success-bg: #e3f6da;
106
- --upf-message-success-text: #52c41a;
107
- --upf-message-success-border: #c8ecb6;
108
- --upf-message-info-bg: #dfefff;
109
- --upf-message-info-text: #1890ff;
110
- --upf-message-info-border: #b5dbff;
111
- --upf-message-warning-bg: #fef2d9;
112
- --upf-message-warning-text: #faad14;
113
- --upf-message-warning-border: #fde5b4;
114
- --upf-message-error-bg: #ffe6e6;
115
- --upf-message-error-text: #ff4d4f;
116
- --upf-message-error-border: #ffc6c7;
117
- --upf-notification-bg: #ffffff;
118
- --upf-notification-close-hover: #e63946;
119
- --upf-text-tooltip-bg: #ffffff;
120
- --upf-text-tooltip-shadow-color: rgba(38, 38, 38, 0.16);
121
- --upf-app-container-app-bg-override: #eb0e1b;
122
- --upf-app-container-app-text-override: #ffffff;
123
- --el-color-primary: #e63946;
124
- --el-color-success: #52c41a;
125
- --el-color-warning: #faad14;
126
- --el-color-danger: #ff4d4f;
127
- --el-color-error: #ff4d4f;
128
- --el-color-info: #1890ff;
129
- --el-text-color-primary: #231815;
130
- --el-text-color-regular: #231815;
131
- --el-text-color-secondary: #666666;
132
- --el-text-color-placeholder: #bfbfbf;
133
- --el-text-color-disabled: #B2B2B2;
134
- --el-border-color: #D9D9D9;
135
- --el-border-color-light: #ebeff5;
136
- --el-border-color-lighter: #ebeff5;
137
- --el-fill-color-blank: #ffffff;
138
- --el-bg-color: #ffffff;
139
- --el-bg-color-page: #F2F2F2;
140
- --el-bg-color-overlay: #ffffff;
141
- --el-dialog-bg-color: #ffffff;
142
- --el-mask-color: rgba(0, 0, 0, 0.45);
143
- --el-tree-text-color: #666666;
144
- --el-checkbox-disabled-checked-icon-color: #B2B2B2;
145
- --el-dialog-content-font-size: 14px;
146
- --el-transition-duration-fast: 0.2s;
147
- --el-checkbox-font-weight: 400;
148
- --el-checkbox-input-width: 14px;
149
- --el-checkbox-input-height: 14px;
150
- --el-checkbox-checked-icon-color: #ffffff;
151
- --el-checkbox-input-border: 1px solid #D9D9D9;
152
- --das-ui-color-primary-level1: #fce8ea;
153
- --das-ui-upload-bgcolor-hover: #fce8ea;
154
- --das-black-list-mange-color-white: #ffffff;
155
- --das-ui-color-primary: #e63946;
156
- --das-ui-color-danger: #ff4d4f;
157
- --das-ui-color-warning: #faad14;
158
- --das-ui-color-success: #52c41a;
159
- --das-ui-color-link: #e63946;
160
- --das-ui-color-normal: #231815;
161
- --das-ui-color-secondary: #666666;
162
- --das-ui-color-help: #B2B2B2;
163
- --das-ui-color-disabled: #B2B2B2;
164
- --das-ui-color-overlay-error: #ff4d4f;
165
- --das-ui-button-primary: #e63946;
166
- --das-ui-input-full-border-color: #D9D9D9;
167
- --das-ui-tag-list-border-active-color: #e63946;
168
- --das-ui-tag-dark-temporary-color: #666666;
169
- --das-ui-split-panel-color-primary: #e63946;
170
- --das-ui-split-panel-color-line: #ebeff5;
171
- --das-ui-split-panel-color-btn: #666666;
172
- --das-ui-tree-table-highlight-color: #e63946;
173
- --das-ui-tree-table-header-color: #231815;
174
- --das-ui-tree-table-header-bg-color: #F2F2F2;
175
- --das-ui-tree-table-border-color: #D9D9D9;
176
- --das-ui-rich-editor-active-font-color: #e63946;
177
- --das-ui-dropdown-bgff-color: #ffffff;
178
- --das-ui-dropdown-divided-color: #D9D9D9;
179
- --das-ui-dropdown-active-color: #e63946;
180
- --das-ui-dropdown-hover-color: #F2F2F2;
181
- --das-ui-spin-logo-1-color: #1890ff;
182
- --das-ui-spin-logo-2-color: #f15760;
183
- --das-ui-spin-logo-3-color: #52c41a;
184
- --das-ui-spin-logo-4-color: #eb4752;
185
- --das-ui-spin-logo-5-color: #e63946;
186
- --das-ui-spin-logo-6-color: #ebeff5;
187
- --das-ui-special-range-picker-close-btn: #B2B2B2;
188
- --das-ui-special-range-picker-close-btn-hover: #666666;
189
- --das-ui-special-range-picker-color-primary: #e63946;
190
- --das-ui-special-range-picker-color-white: #ffffff;
191
- --das-ui-special-range-picker-hover-color: #F2F2F2;
192
- --das-ui-special-range-picker-border-color: #D9D9D9;
193
- --das-ui-special-range-picker-header-bgcolor: #F2F2F2;
194
- --das-ui-special-range-picker-in-range: #fdeff0;
195
- --das-ui-special-range-picker-new-range: #fce3e5;
196
- --das-ui-special-range-picker-disabled: #ebeff5;
197
- --das-ui-special-range-picker-error: #ff4d4f;
198
- --das-ui-special-range-picker-overlay-error-bg-color: #ffe6e6;
199
- --das-ui-special-range-picker-box-shadow-5: rgb(0 0 0 / 5%);
200
- --das-ui-special-range-picker-box-shadow-8: rgb(0 0 0 / 8%);
201
- --das-ui-special-range-picker-box-shadow-12: rgb(0 0 0 / 12%);
202
- --das-ui-table-checkbox-bg: #e63946;
203
- --das-ui-table-checkbox-border-color: #e63946;
204
- --das-ui-table-sortable-color: #e63946;
205
- --das-ui-table-required-color: #ff4d4f;
206
- --das-ui-form-error-label-color: #ff4d4f;
207
- --das-input-base-border-color: #D9D9D9;
208
- --upf-form-active-border-color: #999;
209
- --das-input-active-border-color: #999;
210
- --upf-date-picker-active-border-color: #999;
211
- --das-input-font-color: #231815;
212
- --das-input-sub-font-color: #bfbfbf;
213
- --das-input-disabled-bg-color: #F2F2F2;
214
- --das-input-count-color: #B2B2B2;
215
- --das-input-message-font-size: 12px;
216
- --das-ui-scrollbar-thumb-color: #B2B2B2;
217
- --das-ui-scrollbar-thumb-hover-color: #666666;
218
- --das-ui-scrollbar-padding: 1px;
219
- --das-ui-scrollbar-thumb-size: 8px;
220
- --das-user-manage-white: #ffffff;
221
- --das-user-manage-shadow-color: rgba(38, 38, 38, 0.1);
222
- --das-user-manage-border-color: rgba(38, 38, 38, 0.1);
223
- --das-layout-micro-container-bg-color: #e2e7ef;
224
- --das-layout-breadcrumb-bg-color: #ffffff;
225
- --das-ui-font-size-sm: 12px;
226
- --das-ui-font-size-md: 14px;
227
- --das-ui-font-size-lg: 16px;
228
- --das-upf-ui-font-size-sm: 14px;
229
- --das-upf-ui-line-height: 32px;
230
- --das-ui-text-tooltip-shadow: rgba(0, 0, 0, 0.2);
231
- --das-ui-text-tooltip-bgcolor: #ffffff;
232
- --das-ui-search-form-font-color: #231815;
233
- --das-ui-search-form-filter-font-color: #666666;
234
- --das-ui-search-form-filter-bgcolor: #F2F2F2;
235
- --das-ui-search-form-filter-border-color: #D9D9D9;
236
- --das-ui-select-list-hover-bg: #F2F2F2;
237
- --das-ui-select-list-close-btn-hover: #e63946;
238
- --das-ui-select-list-active-bg-color: #fce8ea;
239
- --das-ui-select-list-active-font-color: #e63946;
240
- --das-ui-steps-color: #e63946;
241
- --das-ui-steps-dashed-color: #B2B2B2;
242
- --das-ui-steps-wait-color: #666666;
243
- --das-ui-steps-finish-color: #52c41a;
244
- --das-ui-steps-error-color: #ff4d4f;
245
- --das-ui-steps-title-font-size: 12px;
246
- --das-ui-collaspe-bgcolor: #ffffff;
247
- --das-ui-calendar-color-text: #212121;
248
- --das-ui-calendar-color-border: #D9D9D9;
249
- --das-ui-calendar-size-text: 14px;
250
- --das-ui-calendar-color-head-tip: #999999;
251
- --das-ui-calendar-size-head-tip: 12px;
252
- --das-ui-calendar-span-size: 28px;
253
- --das-ui-calendar-color-pre-next: #B2B2B2;
254
- --das-ui-color-primary-level2: #fbdfe1;
255
- --das-ui-color-primary-level3: #f7c0c4;
256
- --das-ui-color-primary-level4: #f3a0a6;
257
- --das-ui-color-primary-level5: #ee7881;
258
- --das-ui-color-primary-level7: #bd2f39;
259
- --das-ui-color-primary-level8: #9c2730;
260
- --das-ui-color-primary-level9: #731d23;
261
- --das-ui-color-danger-level1: #ffe6e6;
262
- --das-ui-color-danger-level2: #fff1f1;
263
- --das-ui-color-warning-level1: #fff8ec;
264
- --das-ui-color-warning-level2: #fef2d9;
265
- --das-ui-color-success-level1: #f1faed;
266
- --das-ui-color-success-level2: #e3f6da;
267
- --das-ui-color-amount: #fc822f;
268
- --das-ui-button-primary-hover: #bd2f39;
269
- --das-ui-search-form-primary-color: #e63946;
270
- --das-ui-tag-list-text-color: #231815;
271
- --das-ui-tag-list-border-color: #D9D9D9;
272
- --das-ui-upload-border-color: #D9D9D9;
273
- --das-ui-upload-bgcolor: #F2F2F2;
274
- --das-ui-search-form-tip-color: #666666;
275
- --das-ui-layout-header-menu-border-color: rgba(235, 239, 245, 1);
276
- --das-ui-layout-header-menu-background-color: #eb0e1b;
277
- --das-ui-layout-header-menu-color: #ffffff;
278
- --das-ui-layout-header-menu-hover-background-color: rgba(255, 255, 255, 0.3);
279
- --das-ui-layout-header-menu-hover-color: #ffffff;
280
- --das-ui-layout-header-menu-active-background-color: rgba(255, 255, 255, 0.3);
281
- --das-ui-layout-header-menu-active-color: #ffffff;
282
- --das-ui-layout-header-menu-remove-btn-color: rgba(255, 255, 255, 0.72);
283
- --das-ui-layout-header-menu-remove-btn-hover-color: #ffffff;
284
- --das-ui-layout-header-icon-color: #ffffff;
285
- --das-ui-layout-header-left-box-line: rgba(255, 255, 255, 0.28);
286
- --das-ui-layout-aside-menu-width: 214px;
287
- --das-ui-layout-aside-collapse-menu-width: 50px;
288
- --das-ui-layout-aside-menu-item-height: 50px;
289
- --das-ui-layout-aside-border-color: #D9D9D9;
290
- --das-ui-layout-aside-background-color: #ffffff;
291
- --das-ui-layout-aside--item-color: #231815;
292
- --das-ui-layout-aside--item-arrow-color: #B2B2B2;
293
- --das-ui-layout-aside--item-active-color: #e63946;
294
- --das-ui-layout-aside--item-active-background-color: #fce8ea;
295
- --das-ui-layout-aside-item-hover-color: #231815;
296
- --das-ui-layout-aside-item-hover-background-color: #f5f5f5;
297
- --das-ui-layout-aside-submenu-title-border-color: #ebeff5;
298
- --das-ui-layout-aside-submenu-vertical-background-color: #ffffff;
299
- --das-ui-layout-aside-submenu-vertical-item-hover-background-color: #f5f5f5;
300
- --das-ui-layout-aside-submenu-background-color: #ffffff;
301
- --das-ui-layout-aside-submenu-item-affix-color: #e63946;
302
- --das-ui-layout-aside-submenu-item-color: #231815;
303
- --das-ui-layout-aside-submenu-item-hover-color: #231815;
304
- --das-ui-layout-aside-submenu-item-hover-background-color: #f5f5f5;
305
- --das-ui-layout-aside-submenu-item-active-background-color: #fce8ea;
306
- --das-ui-layout-aside-collapse-icon-bg-color: #B2B2B2;
307
- --das-ui-layout-aside-collapse-icon-hover-bg-color: #e63946;
308
- --das-ui-layout-aside-divise-border-color: #ebeff5;
309
- --das-ui-layout-aside-menu-expired-color: #B2B2B2;
310
- --das-ui-layout-aside-menu-top-left-icon-color: #e63946;
311
- --das-ui-layout-aside-menu-top-right-icon-color: #666666;
312
- --upf-primary: #e63946;
313
- --upf-text: #231815;
314
- --upf-surface: #ffffff;
315
- --upf-divider: #ebeff5;
316
- --upf-nav-item-hover-bg: rgba(255, 255, 255, 0.3);
317
- --upf-nav-item-active-bg: rgba(255, 255, 255, 0.3);
318
- --upf-menu-item-hover-bg: #f5f5f5;
319
- --upf-menu-item-active-bg: #fce8ea;
320
- --upf-menu-item-active-text: #e63946;
321
- }
1
+ :root {
2
+ --upf-color-primary: #e63946;
3
+ --upf-color-primary-bg: #fce8ea;
4
+ --upf-color-success: #52c41a;
5
+ --upf-color-warning: #faad14;
6
+ --upf-color-error: #ff4d4f;
7
+ --upf-color-info: #1890ff;
8
+ --upf-text-disabled: #B2B2B2;
9
+ --upf-bg-primary: #ffffff;
10
+ --upf-bg-secondary: #F2F2F2;
11
+ --upf-bg-elevated: #ffffff;
12
+ --upf-border-color: #D9D9D9;
13
+ --upf-nav-border-color: rgba(235, 239, 245, 1);
14
+ --upf-tab-bg: #ffffff;
15
+ --upf-tab-text: #666666;
16
+ --upf-tab-active-bg: #ffffff;
17
+ --upf-border-radius: 4px;
18
+ --upf-brand-primary: #eb0e1b;
19
+ --upf-brand-secondary: #f15760;
20
+ --upf-text-primary: #231815;
21
+ --upf-text-secondary: #666666;
22
+ --upf-text-placeholder: #bfbfbf;
23
+ --upf-bg-mask: rgba(0, 0, 0, 0.45);
24
+ --upf-divider-color: #ebeff5;
25
+ --upf-nav-bg: #eb0e1b;
26
+ --upf-nav-text: #ffffff;
27
+ --upf-nav-hover-bg: rgba(255, 255, 255, 0.3);
28
+ --upf-nav-active-bg: rgba(255, 255, 255, 0.3);
29
+ --upf-nav-active-text: #ffffff;
30
+ --upf-menu-bg: #ffffff;
31
+ --upf-menu-text: #231815;
32
+ --upf-menu-hover-bg: #f2f2f2;
33
+ --upf-menu-hover-text: #231815;
34
+ --upf-menu-active-bg: #fce8ea;
35
+ --upf-menu-active-text: #e63946;
36
+ --upf-menu-submenu-bg: #FAFAFA;
37
+ --upf-tab-hover-bg: #fce8ea;
38
+ --upf-tab-active-text: #e63946;
39
+ --upf-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
40
+ --upf-box-shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.12);
41
+ --upf-button-primary: #e63946;
42
+ --upf-notification-primary-bg: #e63946;
43
+ --upf-button-default-text: #231815;
44
+ --upf-notification-title-text: #231815;
45
+ --upf-text-tooltip-text: #231815;
46
+ --upf-button-default-border: #D9D9D9;
47
+ --upf-text-tooltip-border: #D9D9D9;
48
+ --upf-button-default-disabled: #B2B2B2;
49
+ --upf-switch-off-color: #B2B2B2;
50
+ --upf-message-thumb: #B2B2B2;
51
+ --upf-text-tooltip-scrollbar-thumb: #B2B2B2;
52
+ --upf-button-default-disabled-bg: #F2F2F2;
53
+ --upf-table-header-bg: #F2F2F2;
54
+ --upf-checkbox-filter-bg: #ffffff;
55
+ --upf-loading-color-1: #1890ff;
56
+ --upf-loading-color-2: #f15760;
57
+ --upf-loading-color-3: #52c41a;
58
+ --upf-loading-color-6: #ebeff5;
59
+ --upf-message-close: #666666;
60
+ --upf-notification-description-text: #666666;
61
+ --upf-notification-close: #666666;
62
+ --upf-text-tooltip-scrollbar-thumb-hover: #666666;
63
+ --upf-button-primary-text: #ffffff;
64
+ --upf-button-primary-text-disabled: rgba(255, 255, 255, 1);
65
+ --upf-dialog-basic-header-height: 50px;
66
+ --upf-dialog-basic-content-padding: 30px;
67
+ --upf-dialog-feedback-header-height: 60px;
68
+ --upf-dialog-feedback-icon-width: 168px;
69
+ --upf-dialog-feedback-icon-height: 96px;
70
+ --upf-dialog-feedback-content-font-size: 16px;
71
+ --upf-dialog-feedback-content-padding: 48px;
72
+ --upf-dialog-notice-content-font-size: 14px;
73
+ --upf-dialog-notice-content-padding: 24px;
74
+ --upf-table-header-padding-top: 4px;
75
+ --upf-table-header-padding-bottom: 4px;
76
+ --upf-message-font-size-sm: 12px;
77
+ --upf-message-font-size-md: 14px;
78
+ --upf-message-font-size-lg: 16px;
79
+ --upf-notification-font-size-sm: 12px;
80
+ --upf-notification-font-size-md: 14px;
81
+ --upf-notification-font-size-lg: 16px;
82
+ --upf-notification-primary-text: #ffffff;
83
+ --upf-text-tooltip-scrollbar-padding: 1px;
84
+ --upf-button-primary-hover: #eb5d67;
85
+ --upf-button-active: #C9303C;
86
+ --upf-button-disabled: #f8c4c8;
87
+ --upf-button-set: #b32c37;
88
+ --upf-button-set-hover: #c6313c;
89
+ --upf-button-set-active: #C9303C;
90
+ --upf-button-set-disabled: #d58b91;
91
+ --upf-switch-on-color-disabled: #f7c0c4;
92
+ --upf-checkbox-focus-shadow: rgba(230, 57, 70, 0.1);
93
+ --upf-checkbox-overlay-error-bg: #ffe6e6;
94
+ --upf-loading-color-4: #eb4752;
95
+ --upf-loading-color-5: #e63946;
96
+ --upf-table-row-hover-bg: #F2F2F2;
97
+ --upf-table-row-active-bg: #fdeff0;
98
+ --upf-table-row-active-hover-bg: #fce3e5;
99
+ --upf-table-summary-row-color: #fc822f;
100
+ --upf-table-summary-row-bg: #fef0d5;
101
+ --upf-message-bg: #dfefff;
102
+ --upf-message-text: #1890ff;
103
+ --upf-message-border: #b5dbff;
104
+ --upf-message-close-hover: #e63946;
105
+ --upf-message-success-bg: #e3f6da;
106
+ --upf-message-success-text: #52c41a;
107
+ --upf-message-success-border: #c8ecb6;
108
+ --upf-message-info-bg: #dfefff;
109
+ --upf-message-info-text: #1890ff;
110
+ --upf-message-info-border: #b5dbff;
111
+ --upf-message-warning-bg: #fef2d9;
112
+ --upf-message-warning-text: #faad14;
113
+ --upf-message-warning-border: #fde5b4;
114
+ --upf-message-error-bg: #ffe6e6;
115
+ --upf-message-error-text: #ff4d4f;
116
+ --upf-message-error-border: #ffc6c7;
117
+ --upf-notification-bg: #ffffff;
118
+ --upf-notification-close-hover: #e63946;
119
+ --upf-text-tooltip-bg: #ffffff;
120
+ --upf-text-tooltip-shadow-color: rgba(38, 38, 38, 0.16);
121
+ --upf-app-container-app-bg-override: #eb0e1b;
122
+ --upf-app-container-app-text-override: #ffffff;
123
+ --el-color-primary: #e63946;
124
+ --el-color-success: #52c41a;
125
+ --el-color-warning: #faad14;
126
+ --el-color-danger: #ff4d4f;
127
+ --el-color-error: #ff4d4f;
128
+ --el-color-info: #1890ff;
129
+ --el-text-color-primary: #231815;
130
+ --el-text-color-regular: #231815;
131
+ --el-text-color-secondary: #666666;
132
+ --el-text-color-placeholder: #bfbfbf;
133
+ --el-text-color-disabled: #B2B2B2;
134
+ --el-border-color: #D9D9D9;
135
+ --el-border-color-light: #ebeff5;
136
+ --el-border-color-lighter: #ebeff5;
137
+ --el-fill-color-blank: #ffffff;
138
+ --el-bg-color: #ffffff;
139
+ --el-bg-color-page: #F2F2F2;
140
+ --el-bg-color-overlay: #ffffff;
141
+ --el-dialog-bg-color: #ffffff;
142
+ --el-mask-color: rgba(0, 0, 0, 0.45);
143
+ --el-tree-text-color: #666666;
144
+ --el-checkbox-disabled-checked-icon-color: #B2B2B2;
145
+ --el-dialog-content-font-size: 14px;
146
+ --el-transition-duration-fast: 0.2s;
147
+ --el-checkbox-font-weight: 400;
148
+ --el-checkbox-input-width: 14px;
149
+ --el-checkbox-input-height: 14px;
150
+ --el-checkbox-checked-icon-color: #ffffff;
151
+ --el-checkbox-input-border: 1px solid #D9D9D9;
152
+ --das-ui-color-primary-level1: #fce8ea;
153
+ --das-ui-upload-bgcolor-hover: #fce8ea;
154
+ --das-black-list-mange-color-white: #ffffff;
155
+ --das-ui-color-primary: #e63946;
156
+ --das-ui-color-danger: #ff4d4f;
157
+ --das-ui-color-warning: #faad14;
158
+ --das-ui-color-success: #52c41a;
159
+ --das-ui-color-link: #e63946;
160
+ --das-ui-color-normal: #231815;
161
+ --das-ui-color-secondary: #666666;
162
+ --das-ui-color-help: #B2B2B2;
163
+ --das-ui-color-disabled: #B2B2B2;
164
+ --das-ui-color-overlay-error: #ff4d4f;
165
+ --das-ui-button-primary: #e63946;
166
+ --das-ui-input-full-border-color: #D9D9D9;
167
+ --das-ui-tag-list-border-active-color: #e63946;
168
+ --das-ui-tag-dark-temporary-color: #666666;
169
+ --das-ui-split-panel-color-primary: #e63946;
170
+ --das-ui-split-panel-color-line: #ebeff5;
171
+ --das-ui-split-panel-color-btn: #999999;
172
+ --das-ui-tree-table-highlight-color: #e63946;
173
+ --das-ui-tree-table-header-color: #231815;
174
+ --das-ui-tree-table-header-bg-color: #F2F2F2;
175
+ --das-ui-tree-table-border-color: #D9D9D9;
176
+ --das-ui-rich-editor-active-font-color: #e63946;
177
+ --das-ui-dropdown-bgff-color: #ffffff;
178
+ --das-ui-dropdown-divided-color: #D9D9D9;
179
+ --das-ui-dropdown-active-color: #e63946;
180
+ --das-ui-dropdown-hover-color: #F2F2F2;
181
+ --das-ui-spin-logo-1-color: #1890ff;
182
+ --das-ui-spin-logo-2-color: #f15760;
183
+ --das-ui-spin-logo-3-color: #52c41a;
184
+ --das-ui-spin-logo-4-color: #eb4752;
185
+ --das-ui-spin-logo-5-color: #e63946;
186
+ --das-ui-spin-logo-6-color: #ebeff5;
187
+ --das-ui-special-range-picker-close-btn: #B2B2B2;
188
+ --das-ui-special-range-picker-close-btn-hover: #666666;
189
+ --das-ui-special-range-picker-color-primary: #e63946;
190
+ --das-ui-special-range-picker-color-white: #ffffff;
191
+ --das-ui-special-range-picker-hover-color: #F2F2F2;
192
+ --das-ui-special-range-picker-border-color: #D9D9D9;
193
+ --das-ui-special-range-picker-header-bgcolor: #F2F2F2;
194
+ --das-ui-special-range-picker-in-range: #fdeff0;
195
+ --das-ui-special-range-picker-new-range: #fce3e5;
196
+ --das-ui-special-range-picker-disabled: #ebeff5;
197
+ --das-ui-special-range-picker-error: #ff4d4f;
198
+ --das-ui-special-range-picker-overlay-error-bg-color: #ffe6e6;
199
+ --das-ui-special-range-picker-box-shadow-5: rgb(0 0 0 / 5%);
200
+ --das-ui-special-range-picker-box-shadow-8: rgb(0 0 0 / 8%);
201
+ --das-ui-special-range-picker-box-shadow-12: rgb(0 0 0 / 12%);
202
+ --das-ui-table-checkbox-bg: #e63946;
203
+ --das-ui-table-checkbox-border-color: #e63946;
204
+ --das-ui-table-sortable-color: #e63946;
205
+ --das-ui-table-required-color: #ff4d4f;
206
+ --das-ui-form-error-label-color: #ff4d4f;
207
+ --das-input-base-border-color: #D9D9D9;
208
+ --upf-form-active-border-color: #999;
209
+ --das-input-active-border-color: #999;
210
+ --upf-date-picker-active-border-color: #999;
211
+ --das-input-font-color: #231815;
212
+ --das-input-sub-font-color: #bfbfbf;
213
+ --das-input-disabled-bg-color: #F2F2F2;
214
+ --das-input-count-color: #B2B2B2;
215
+ --das-input-message-font-size: 12px;
216
+ --das-ui-scrollbar-thumb-color: #B2B2B2;
217
+ --das-ui-scrollbar-thumb-hover-color: #666666;
218
+ --das-ui-scrollbar-padding: 1px;
219
+ --das-ui-scrollbar-thumb-size: 8px;
220
+ --das-user-manage-white: #ffffff;
221
+ --das-user-manage-shadow-color: rgba(38, 38, 38, 0.1);
222
+ --das-user-manage-border-color: rgba(38, 38, 38, 0.1);
223
+ --das-layout-micro-container-bg-color: #e2e7ef;
224
+ --das-layout-breadcrumb-bg-color: #ffffff;
225
+ --das-ui-font-size-sm: 12px;
226
+ --das-ui-font-size-md: 14px;
227
+ --das-ui-font-size-lg: 16px;
228
+ --das-upf-ui-font-size-sm: 14px;
229
+ --das-upf-ui-line-height: 32px;
230
+ --das-ui-text-tooltip-shadow: rgba(0, 0, 0, 0.2);
231
+ --das-ui-text-tooltip-bgcolor: #ffffff;
232
+ --das-ui-search-form-font-color: #231815;
233
+ --das-ui-search-form-filter-font-color: #666666;
234
+ --das-ui-search-form-filter-bgcolor: #F2F2F2;
235
+ --das-ui-search-form-filter-border-color: #D9D9D9;
236
+ --das-ui-select-list-hover-bg: #F2F2F2;
237
+ --das-ui-select-list-close-btn-hover: #e63946;
238
+ --das-ui-select-list-active-bg-color: #fce8ea;
239
+ --das-ui-select-list-active-font-color: #e63946;
240
+ --das-ui-steps-color: #e63946;
241
+ --das-ui-steps-dashed-color: #B2B2B2;
242
+ --das-ui-steps-wait-color: #666666;
243
+ --das-ui-steps-finish-color: #52c41a;
244
+ --das-ui-steps-error-color: #ff4d4f;
245
+ --das-ui-steps-title-font-size: 12px;
246
+ --das-ui-collaspe-bgcolor: #ffffff;
247
+ --das-ui-calendar-color-text: #212121;
248
+ --das-ui-calendar-color-border: #D9D9D9;
249
+ --das-ui-calendar-size-text: 14px;
250
+ --das-ui-calendar-color-head-tip: #999999;
251
+ --das-ui-calendar-size-head-tip: 12px;
252
+ --das-ui-calendar-span-size: 28px;
253
+ --das-ui-calendar-color-pre-next: #B2B2B2;
254
+ --das-ui-color-primary-level2: #fbdfe1;
255
+ --das-ui-color-primary-level3: #f7c0c4;
256
+ --das-ui-color-primary-level4: #f3a0a6;
257
+ --das-ui-color-primary-level5: #ee7881;
258
+ --das-ui-color-primary-level7: #bd2f39;
259
+ --das-ui-color-primary-level8: #9c2730;
260
+ --das-ui-color-primary-level9: #731d23;
261
+ --das-ui-color-danger-level1: #ffe6e6;
262
+ --das-ui-color-danger-level2: #fff1f1;
263
+ --das-ui-color-warning-level1: #fff8ec;
264
+ --das-ui-color-warning-level2: #fef2d9;
265
+ --das-ui-color-success-level1: #f1faed;
266
+ --das-ui-color-success-level2: #e3f6da;
267
+ --das-ui-color-amount: #fc822f;
268
+ --das-ui-button-primary-hover: #bd2f39;
269
+ --das-ui-search-form-primary-color: #e63946;
270
+ --das-ui-tag-list-text-color: #231815;
271
+ --das-ui-tag-list-border-color: #D9D9D9;
272
+ --das-ui-upload-border-color: #D9D9D9;
273
+ --das-ui-upload-bgcolor: #F2F2F2;
274
+ --das-ui-search-form-tip-color: #666666;
275
+ --das-ui-layout-header-menu-border-color: rgba(235, 239, 245, 1);
276
+ --das-ui-layout-header-menu-background-color: #eb0e1b;
277
+ --das-ui-layout-header-menu-color: #ffffff;
278
+ --das-ui-layout-header-menu-hover-background-color: rgba(255, 255, 255, 0.3);
279
+ --das-ui-layout-header-menu-hover-color: #ffffff;
280
+ --das-ui-layout-header-menu-active-background-color: rgba(255, 255, 255, 0.3);
281
+ --das-ui-layout-header-menu-active-color: #ffffff;
282
+ --das-ui-layout-header-menu-remove-btn-color: rgba(255, 255, 255, 0.72);
283
+ --das-ui-layout-header-menu-remove-btn-hover-color: #ffffff;
284
+ --das-ui-layout-header-icon-color: #ffffff;
285
+ --das-ui-layout-header-left-box-line: rgba(255, 255, 255, 0.28);
286
+ --das-ui-layout-aside-menu-width: 214px;
287
+ --das-ui-layout-aside-collapse-menu-width: 50px;
288
+ --das-ui-layout-aside-menu-item-height: 50px;
289
+ --das-ui-layout-aside-border-color: #D9D9D9;
290
+ --das-ui-layout-aside-background-color: #ffffff;
291
+ --das-ui-layout-aside--item-color: #231815;
292
+ --das-ui-layout-aside--item-arrow-color: #B2B2B2;
293
+ --das-ui-layout-aside--item-active-color: #e63946;
294
+ --das-ui-layout-aside--item-active-background-color: #fce8ea;
295
+ --das-ui-layout-aside-item-hover-color: #231815;
296
+ --das-ui-layout-aside-item-hover-background-color: #f2f2f2;
297
+ --das-ui-layout-aside-submenu-title-border-color: #ebeff5;
298
+ --das-ui-layout-aside-submenu-vertical-background-color: #FAFAFA;
299
+ --das-ui-layout-aside-submenu-vertical-item-hover-background-color: #f2f2f2;
300
+ --das-ui-layout-aside-submenu-background-color: #FAFAFA;
301
+ --das-ui-layout-aside-submenu-item-affix-color: #e63946;
302
+ --das-ui-layout-aside-submenu-item-color: #231815;
303
+ --das-ui-layout-aside-submenu-item-hover-color: #231815;
304
+ --das-ui-layout-aside-submenu-item-hover-background-color: #f2f2f2;
305
+ --das-ui-layout-aside-submenu-item-active-background-color: #fce8ea;
306
+ --das-ui-layout-aside-collapse-icon-bg-color: #B2B2B2;
307
+ --das-ui-layout-aside-collapse-icon-hover-bg-color: #e63946;
308
+ --das-ui-layout-aside-divise-border-color: #ebeff5;
309
+ --das-ui-layout-aside-menu-expired-color: #B2B2B2;
310
+ --das-ui-layout-aside-menu-top-left-icon-color: #e63946;
311
+ --das-ui-layout-aside-menu-top-right-icon-color: #666666;
312
+ --upf-primary: #e63946;
313
+ --upf-text: #231815;
314
+ --upf-surface: #ffffff;
315
+ --upf-divider: #ebeff5;
316
+ --upf-nav-item-hover-bg: rgba(255, 255, 255, 0.3);
317
+ --upf-nav-item-active-bg: rgba(255, 255, 255, 0.3);
318
+ --upf-menu-item-hover-bg: #f2f2f2;
319
+ --upf-menu-item-active-bg: #fce8ea;
320
+ --upf-menu-item-active-text: #e63946;
321
+ }