upp-platform-core 1.0.0

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/lib/index.css ADDED
@@ -0,0 +1,1711 @@
1
+ .form-layout {
2
+ display: flex;
3
+ flex-wrap: wrap;
4
+ position: relative;
5
+ margin-top: 10px;
6
+ }
7
+ .form-layout.column {
8
+ flex-direction: column;
9
+ }
10
+ .form-layout .el-form-item.no-label .el-form-item__content {
11
+ max-width: 100%;
12
+ }
13
+ .form-layout .form-layout__item-col1 {
14
+ width: 100%;
15
+ }
16
+ .form-layout .form-layout__item-col2 {
17
+ width: 50%;
18
+ }
19
+ .form-layout .form-layout__item-col3 {
20
+ width: calc(100% / 3);
21
+ }
22
+ .form-layout .el-form-item {
23
+ display: flex;
24
+ align-items: center;
25
+ }
26
+ .form-layout .el-form-item__label {
27
+ height: 100%;
28
+ width: 120px;
29
+ line-height: var(--element-size-height);
30
+ }
31
+ .form-layout .el-form-item__content {
32
+ line-height: var(--element-size-height);
33
+ min-height: var(--element-size-height);
34
+ height: 100%;
35
+ width: 100%;
36
+ max-width: calc(100% - 120px);
37
+ margin-left: 0 !important;
38
+ flex: 1;
39
+ }
40
+ .form-layout .el-form-item__content .el-select {
41
+ width: 100%;
42
+ }
43
+ .form-layout .el-form-item__content > span.view-item {
44
+ margin-left: 15px;
45
+ display: inline-block;
46
+ white-space: pre-line;
47
+ line-height: 22px;
48
+ margin-top: 9px;
49
+ word-break: break-all;
50
+ }
51
+ .form-layout .form-disable--bgc-gray .el-form-item__content {
52
+ background-color: #EEEEEE;
53
+ color: #666666;
54
+ padding-left: 15px;
55
+ }
56
+ .form-layout--140 {
57
+ display: flex;
58
+ flex-wrap: wrap;
59
+ position: relative;
60
+ margin-top: 10px;
61
+ }
62
+ .form-layout--140.column {
63
+ flex-direction: column;
64
+ }
65
+ .form-layout--140 .el-form-item.no-label .el-form-item__content {
66
+ max-width: 100%;
67
+ }
68
+ .form-layout--140 .form-layout__item-col1 {
69
+ width: 100%;
70
+ }
71
+ .form-layout--140 .form-layout__item-col2 {
72
+ width: 50%;
73
+ }
74
+ .form-layout--140 .form-layout__item-col3 {
75
+ width: calc(100% / 3);
76
+ }
77
+ .form-layout--140 .el-form-item {
78
+ display: flex;
79
+ align-items: center;
80
+ }
81
+ .form-layout--140 .el-form-item__label {
82
+ height: 100%;
83
+ width: 140px;
84
+ line-height: var(--element-size-height);
85
+ }
86
+ .form-layout--140 .el-form-item__content {
87
+ line-height: var(--element-size-height);
88
+ min-height: var(--element-size-height);
89
+ height: 100%;
90
+ width: 100%;
91
+ max-width: calc(100% - 140px);
92
+ margin-left: 0 !important;
93
+ flex: 1;
94
+ }
95
+ .form-layout--140 .el-form-item__content .el-select {
96
+ width: 100%;
97
+ }
98
+ .form-layout--140 .el-form-item__content > span.view-item {
99
+ margin-left: 15px;
100
+ display: inline-block;
101
+ white-space: pre-line;
102
+ line-height: 22px;
103
+ margin-top: 9px;
104
+ word-break: break-all;
105
+ }
106
+ .form-layout--140 .form-disable--bgc-gray .el-form-item__content {
107
+ background-color: #EEEEEE;
108
+ color: #666666;
109
+ padding-left: 15px;
110
+ }
111
+ .form-layout--160 {
112
+ display: flex;
113
+ flex-wrap: wrap;
114
+ position: relative;
115
+ margin-top: 10px;
116
+ }
117
+ .form-layout--160.column {
118
+ flex-direction: column;
119
+ }
120
+ .form-layout--160 .el-form-item.no-label .el-form-item__content {
121
+ max-width: 100%;
122
+ }
123
+ .form-layout--160 .form-layout__item-col1 {
124
+ width: 100%;
125
+ }
126
+ .form-layout--160 .form-layout__item-col2 {
127
+ width: 50%;
128
+ }
129
+ .form-layout--160 .form-layout__item-col3 {
130
+ width: calc(100% / 3);
131
+ }
132
+ .form-layout--160 .el-form-item {
133
+ display: flex;
134
+ align-items: center;
135
+ }
136
+ .form-layout--160 .el-form-item__label {
137
+ height: 100%;
138
+ width: 160px;
139
+ line-height: var(--element-size-height);
140
+ }
141
+ .form-layout--160 .el-form-item__content {
142
+ line-height: var(--element-size-height);
143
+ min-height: var(--element-size-height);
144
+ height: 100%;
145
+ width: 100%;
146
+ max-width: calc(100% - 160px);
147
+ margin-left: 0 !important;
148
+ flex: 1;
149
+ }
150
+ .form-layout--160 .el-form-item__content .el-select {
151
+ width: 100%;
152
+ }
153
+ .form-layout--160 .el-form-item__content > span.view-item {
154
+ margin-left: 15px;
155
+ display: inline-block;
156
+ white-space: pre-line;
157
+ line-height: 22px;
158
+ margin-top: 9px;
159
+ word-break: break-all;
160
+ }
161
+ .form-layout--160 .form-disable--bgc-gray .el-form-item__content {
162
+ background-color: #EEEEEE;
163
+ color: #666666;
164
+ padding-left: 15px;
165
+ }
166
+ .form-layout--border {
167
+ border-left: 1px solid #ebeef5;
168
+ }
169
+ .form-layout--border .border-left {
170
+ border-left: 1px solid #ebeef5;
171
+ }
172
+ .form-layout--border .el-form-item__label {
173
+ border-bottom: 1px solid #ebeef5;
174
+ }
175
+ .form-layout--border .el-form-item__content {
176
+ border-left: 1px solid #ebeef5;
177
+ border-right: 1px solid #ebeef5;
178
+ border-bottom: 1px solid #ebeef5;
179
+ }
180
+ .form-layout--border .form-layout__item-col1:nth-child(1) {
181
+ border-top: 1px solid #ebeef5;
182
+ }
183
+ .form-layout--border .form-layout__item-col2:nth-child(1),
184
+ .form-layout--border .form-layout__item-col2:nth-child(2) {
185
+ border-top: 1px solid #ebeef5;
186
+ }
187
+ .form-layout--border .form-layout__item-col3:nth-child(1),
188
+ .form-layout--border .form-layout__item-col3:nth-child(2),
189
+ .form-layout--border .form-layout__item-col3:nth-child(3) {
190
+ border-top: 1px solid #ebeef5;
191
+ }
192
+ .form-layout--border .el-form-item {
193
+ margin-bottom: 0;
194
+ }
195
+ .form-layout--border .el-input__inner,
196
+ .form-layout--border .el-input__inner:hover,
197
+ .form-layout--border .el-input__inner:focus,
198
+ .form-layout--border .el-select .el-input__inner,
199
+ .form-layout--border .el-select .el-input__inner:hover,
200
+ .form-layout--border .el-select .el-input__inner:focus,
201
+ .form-layout--border .el-textarea__inner,
202
+ .form-layout--border .el-button--text {
203
+ border: none;
204
+ border-radius: 0;
205
+ font-size: 14px;
206
+ font-family: "Harmony_Sans", inherit, PingFangSC-Regular, "PingFang SC", sans-serif;
207
+ }
208
+ .form-layout--border .el-textarea__inner {
209
+ padding: 10px 15px;
210
+ }
211
+ .form-layout--border .el-form-item__error {
212
+ top: -30px;
213
+ left: 100px;
214
+ z-index: 1;
215
+ padding: 8px 20px;
216
+ text-align: center;
217
+ border-radius: 4px;
218
+ border: 1px solid;
219
+ background-color: #FFFFFF;
220
+ min-width: 80px;
221
+ }
222
+ .form-layout--border .el-form-item__error::before {
223
+ content: "";
224
+ position: absolute;
225
+ bottom: -6px;
226
+ left: 50px;
227
+ border: 1px solid transparent;
228
+ border-top-color: #F56C6C;
229
+ border-left-color: #F56C6C;
230
+ background-color: #FFFFFF;
231
+ transform: rotate(225deg);
232
+ width: 10px;
233
+ height: 10px;
234
+ }
235
+ .form-layout.form-layout--no-border-left {
236
+ border-left: none;
237
+ }
238
+ .form-layout.form-layout--no-border-top::before {
239
+ border-bottom: none;
240
+ }
241
+ .form-title::before {
242
+ content: attr(form-title);
243
+ color: #333333;
244
+ font-weight: 600;
245
+ padding-left: 15px;
246
+ border-bottom: 2px dashed #DCDCDC;
247
+ border-left: 2px solid transparent;
248
+ background: #FAFAFD;
249
+ text-align: left;
250
+ width: 100%;
251
+ line-height: var(--element-size-height);
252
+ }
253
+ .form-title .form-title--right {
254
+ line-height: var(--element-size-height);
255
+ height: var(--element-size-height);
256
+ position: absolute;
257
+ right: 0;
258
+ padding: 0 10px;
259
+ }
260
+ .form-title .form-title--right .el-link + .el-link {
261
+ margin-left: 10px;
262
+ }
263
+
264
+ :root,
265
+ :root[theme-mode="light"] {
266
+ --td-brand-color-1: #E0EBFF;
267
+ --td-brand-color-2: #C0D8FF;
268
+ --td-brand-color-3: #A1C4FF;
269
+ --td-brand-color-4: #81B1FF;
270
+ --td-brand-color-5: #5F9BFF;
271
+ --td-brand-color-6: #3D87FF;
272
+ --td-brand-color-7: #176EFF;
273
+ --td-brand-color-8: #0052D9;
274
+ --td-brand-color-9: #0048CD;
275
+ --td-brand-color-10: #0035B5;
276
+ --left-tab: #E7E7E7;
277
+ --td-gray-color-2: #f1f2f6;
278
+ --td-brand-color: var(--light-blue-color);
279
+ --td-gray-color-1: var(--white-color);
280
+ --white-color: #FFFFFF;
281
+ --error-notifi-bg: var(--white-color);
282
+ --opacity-blue-bg-2: rgba(0, 0, 0, 0.5);
283
+ --form-text: #606266;
284
+ }
285
+ :root .box-card,
286
+ :root[theme-mode="light"] .box-card {
287
+ border: 1px solid var(--light-blue-color);
288
+ background: linear-gradient(to bottom, rgba(0, 96, 166, 0.2), var(--light-blue-color));
289
+ }
290
+ :root .t-head-menu .t-menu__item:hover,
291
+ :root[theme-mode="light"] .t-head-menu .t-menu__item:hover {
292
+ background: var(--td-brand-color-1) !important;
293
+ color: var(--light-blue-color);
294
+ }
295
+ :root .el-table tr,
296
+ :root[theme-mode="light"] .el-table tr {
297
+ color: rgba(0, 0, 0, 0.6);
298
+ font-size: 14px;
299
+ font-weight: 400;
300
+ }
301
+ :root .el-table,
302
+ :root[theme-mode="light"] .el-table {
303
+ background: var(--white-color);
304
+ }
305
+ :root .table-header,
306
+ :root[theme-mode="light"] .table-header {
307
+ text-align: center;
308
+ color: #303133;
309
+ font-size: 14px;
310
+ font-weight: 600;
311
+ background: linear-gradient(to bottom, #F0F2F5, #F0F2F5);
312
+ }
313
+ :root .el-table tbody tr:last-child,
314
+ :root[theme-mode="light"] .el-table tbody tr:last-child {
315
+ border: 0;
316
+ }
317
+ :root .el-table .el-table__cell.gutter,
318
+ :root[theme-mode="light"] .el-table .el-table__cell.gutter {
319
+ background: transparent;
320
+ }
321
+ :root .el-table__header-wrapper .cell,
322
+ :root[theme-mode="light"] .el-table__header-wrapper .cell,
323
+ :root .el-table__fixed-right .el-table__fixed-header-wrapper .cell,
324
+ :root[theme-mode="light"] .el-table__fixed-right .el-table__fixed-header-wrapper .cell {
325
+ background: #FAFAFA;
326
+ color: #333333;
327
+ height: 44px;
328
+ line-height: 44px;
329
+ }
330
+ :root .el-table__header-wrapper .el-table__cell,
331
+ :root[theme-mode="light"] .el-table__header-wrapper .el-table__cell,
332
+ :root .el-table__fixed-right .el-table__fixed-header-wrapper .el-table__cell,
333
+ :root[theme-mode="light"] .el-table__fixed-right .el-table__fixed-header-wrapper .el-table__cell {
334
+ background-color: transparent;
335
+ }
336
+ :root .el-table__fixed-right::before,
337
+ :root[theme-mode="light"] .el-table__fixed-right::before {
338
+ display: none;
339
+ }
340
+ :root .el-table::before,
341
+ :root[theme-mode="light"] .el-table::before {
342
+ display: none;
343
+ }
344
+ :root .el-pagination.is-background .el-pager li:not(.disabled).active,
345
+ :root[theme-mode="light"] .el-pagination.is-background .el-pager li:not(.disabled).active {
346
+ border: 1px solid var(--light-blue-color);
347
+ background: #F4F4F5;
348
+ color: #595959;
349
+ }
350
+ :root .el-pagination.is-background .btn-next,
351
+ :root[theme-mode="light"] .el-pagination.is-background .btn-next,
352
+ :root .el-pagination.is-background .btn-prev,
353
+ :root[theme-mode="light"] .el-pagination.is-background .btn-prev,
354
+ :root .el-pagination.is-background .el-pager li,
355
+ :root[theme-mode="light"] .el-pagination.is-background .el-pager li {
356
+ color: #595959;
357
+ font-weight: 500;
358
+ }
359
+ :root .el-pagination__total,
360
+ :root[theme-mode="light"] .el-pagination__total {
361
+ color: #909399;
362
+ margin-left: 20px;
363
+ }
364
+ :root .app-container .pagination-container,
365
+ :root[theme-mode="light"] .app-container .pagination-container {
366
+ position: absolute;
367
+ right: 0;
368
+ bottom: 0;
369
+ z-index: 999;
370
+ }
371
+ :root .el-button--primary,
372
+ :root[theme-mode="light"] .el-button--primary {
373
+ background: var(--primary-btn);
374
+ border-radius: var(--button-radius);
375
+ border-color: var(--primary-btn);
376
+ color: #FFFFFF;
377
+ font-size: 14px;
378
+ }
379
+ :root .common-btn,
380
+ :root[theme-mode="light"] .common-btn {
381
+ border: 1px solid var(--light-blue-color);
382
+ border-radius: var(--button-radius);
383
+ color: var(--light-blue-color);
384
+ font-size: 14px;
385
+ }
386
+ :root .common-btn.el-button--danger:not(:hover),
387
+ :root[theme-mode="light"] .common-btn.el-button--danger:not(:hover) {
388
+ background-color: #FFFFFF;
389
+ border-color: #ff3c31;
390
+ }
391
+ :root .el-button--text,
392
+ :root[theme-mode="light"] .el-button--text {
393
+ color: var(--light-blue-color);
394
+ font-family: "Harmony_Sans", PingFangSC-Medium, "PingFang SC", sans-serif;
395
+ font-weight: 500;
396
+ }
397
+ :root .cancel-btn,
398
+ :root[theme-mode="light"] .cancel-btn {
399
+ border-radius: var(--button-radius);
400
+ }
401
+ :root .error-btn,
402
+ :root[theme-mode="light"] .error-btn {
403
+ background: #A61D24;
404
+ color: #FFFFFF;
405
+ border: 0;
406
+ }
407
+ :root .error-btnplain,
408
+ :root[theme-mode="light"] .error-btnplain {
409
+ background-color: transparent;
410
+ color: #A61D24;
411
+ border: 1px solid #A61D24;
412
+ }
413
+ :root .disable-btn,
414
+ :root[theme-mode="light"] .disable-btn {
415
+ color: #C0C4CC;
416
+ cursor: not-allowed;
417
+ background-image: none;
418
+ border-color: #EBEEF5;
419
+ }
420
+ :root .t-tabs__nav-item.t-size-m,
421
+ :root[theme-mode="light"] .t-tabs__nav-item.t-size-m {
422
+ height: 32px;
423
+ line-height: 32px;
424
+ }
425
+ :root .t-tabs__btn.t-size-m,
426
+ :root[theme-mode="light"] .t-tabs__btn.t-size-m {
427
+ height: 32px;
428
+ line-height: 32px;
429
+ }
430
+ :root .custom__input--high-light .el-input__inner,
431
+ :root[theme-mode="light"] .custom__input--high-light .el-input__inner,
432
+ :root .custom__input--high-light .el-input__inner:hover,
433
+ :root[theme-mode="light"] .custom__input--high-light .el-input__inner:hover,
434
+ :root .custom__input--high-light .el-input__inner:focus,
435
+ :root[theme-mode="light"] .custom__input--high-light .el-input__inner:focus {
436
+ border: 1px solid var(--light-blue-color);
437
+ border-radius: var(--button-radius);
438
+ color: var(--light-blue-color);
439
+ }
440
+ :root .custom__input--high-light .el-select .el-input__inner,
441
+ :root[theme-mode="light"] .custom__input--high-light .el-select .el-input__inner {
442
+ border: 1px solid var(--light-blue-color);
443
+ }
444
+ :root .custom__input--high-light .el-input--suffix .el-input__inner,
445
+ :root[theme-mode="light"] .custom__input--high-light .el-input--suffix .el-input__inner {
446
+ color: var(--light-blue-color);
447
+ }
448
+ :root .custom__input--high-light .el-select .el-input__inner:hover,
449
+ :root[theme-mode="light"] .custom__input--high-light .el-select .el-input__inner:hover,
450
+ :root .custom__input--high-light .el-select .el-input__inner:focus,
451
+ :root[theme-mode="light"] .custom__input--high-light .el-select .el-input__inner:focus {
452
+ border: 1px solid var(--light-blue-color);
453
+ }
454
+ :root .custom__input--high-light .el-select-dropdown__item.selected,
455
+ :root[theme-mode="light"] .custom__input--high-light .el-select-dropdown__item.selected {
456
+ color: var(--light-blue-color);
457
+ font-weight: 400;
458
+ }
459
+ :root .el-dialog,
460
+ :root[theme-mode="light"] .el-dialog {
461
+ background: #FFFFFF !important;
462
+ }
463
+ :root .el-dialog__title,
464
+ :root[theme-mode="light"] .el-dialog__title {
465
+ color: var(--dialog-header-text);
466
+ }
467
+ :root .el-dialog__header,
468
+ :root[theme-mode="light"] .el-dialog__header {
469
+ background: var(--dialog-header);
470
+ border-bottom: 1px solid var(--dialog-header-border);
471
+ padding: 10px 20px;
472
+ }
473
+ :root .el-dialog__body,
474
+ :root[theme-mode="light"] .el-dialog__body {
475
+ color: #000000;
476
+ text-align: left;
477
+ padding: 0 10px;
478
+ margin: 20px;
479
+ }
480
+ :root .addwork .el-form-item__content,
481
+ :root[theme-mode="light"] .addwork .el-form-item__content {
482
+ margin-left: 0 !important;
483
+ }
484
+ :root .headerinfo,
485
+ :root[theme-mode="light"] .headerinfo {
486
+ width: 25%;
487
+ border-bottom: 1px solid #0060a6;
488
+ padding: 10px 0;
489
+ margin-bottom: 10px;
490
+ color: #0060a6;
491
+ }
492
+ :root .el-upload,
493
+ :root[theme-mode="light"] .el-upload {
494
+ width: 100%;
495
+ margin-top: 10px;
496
+ }
497
+ :root .el-upload .el-upload-dragger,
498
+ :root[theme-mode="light"] .el-upload .el-upload-dragger {
499
+ width: 100%;
500
+ }
501
+ :root .el-icon-circle-check::before,
502
+ :root[theme-mode="light"] .el-icon-circle-check::before {
503
+ color: #67C23A;
504
+ }
505
+ :root .el-icon-warning::before,
506
+ :root[theme-mode="light"] .el-icon-warning::before {
507
+ color: #E6A23C;
508
+ }
509
+ :root .el-badge__content,
510
+ :root[theme-mode="light"] .el-badge__content,
511
+ :root .el-progress.is-exception .el-progress-bar__inner,
512
+ :root[theme-mode="light"] .el-progress.is-exception .el-progress-bar__inner {
513
+ background-color: #a61d24;
514
+ }
515
+ :root .el-icon-circle-close::before,
516
+ :root[theme-mode="light"] .el-icon-circle-close::before {
517
+ color: red;
518
+ }
519
+ :root .small-progress .el-progress__text,
520
+ :root[theme-mode="light"] .small-progress .el-progress__text {
521
+ font-size: 12px !important;
522
+ }
523
+ :root .el-icon-check::before,
524
+ :root[theme-mode="light"] .el-icon-check::before {
525
+ color: #FFFFFF;
526
+ font-weight: 700;
527
+ }
528
+ :root .el-icon-close::before,
529
+ :root[theme-mode="light"] .el-icon-close::before {
530
+ color: red;
531
+ font-weight: 700;
532
+ }
533
+ :root .el-result__title p,
534
+ :root[theme-mode="light"] .el-result__title p {
535
+ color: var(--form-text);
536
+ }
537
+ :root .el-result__subtitle p,
538
+ :root[theme-mode="light"] .el-result__subtitle p {
539
+ color: rgba(0, 0, 0, 0.5);
540
+ }
541
+ :root .el-result .icon-warning,
542
+ :root[theme-mode="light"] .el-result .icon-warning {
543
+ fill: #a61d24;
544
+ }
545
+ :root .el-textarea__inner,
546
+ :root[theme-mode="light"] .el-textarea__inner {
547
+ border-radius: var(--button-radius);
548
+ }
549
+ :root .custom__input--high-light .el-time-panel__content::after,
550
+ :root[theme-mode="light"] .custom__input--high-light .el-time-panel__content::after,
551
+ :root .custom__input--high-light .el-time-panel__content::before,
552
+ :root[theme-mode="light"] .custom__input--high-light .el-time-panel__content::before {
553
+ margin-top: -8px;
554
+ }
555
+ :root .custom__input--high-light .el-switch.is-checked .el-switch__core,
556
+ :root[theme-mode="light"] .custom__input--high-light .el-switch.is-checked .el-switch__core {
557
+ border-color: var(--light-blue-color);
558
+ background-color: var(--light-blue-color);
559
+ }
560
+ :root .custom__input--high-light .el-textarea__inner,
561
+ :root[theme-mode="light"] .custom__input--high-light .el-textarea__inner {
562
+ background-color: var(--white-color);
563
+ border: 1px solid var(--light-blue-color);
564
+ color: var(--light-blue-color);
565
+ }
566
+ :root .el-dropdown,
567
+ :root[theme-mode="light"] .el-dropdown {
568
+ cursor: pointer;
569
+ color: var(--light-blue-color);
570
+ }
571
+ :root .stepsrow .el-step__icon,
572
+ :root[theme-mode="light"] .stepsrow .el-step__icon {
573
+ width: 30px;
574
+ height: 30px;
575
+ border: none;
576
+ }
577
+ :root .stepsrow .el-step__head.is-success .el-step__icon.is-text,
578
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-step__icon.is-text {
579
+ background: var(--td-bg-color-page);
580
+ border: 1px solid var(--light-blue-color);
581
+ }
582
+ :root .stepsrow .el-step__head.is-success .el-icon-check::before,
583
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-icon-check::before {
584
+ color: var(--light-blue-color);
585
+ }
586
+ :root .stepsrow .el-step__head.is-success .el-step__line,
587
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-step__line {
588
+ background-color: var(--light-blue-color);
589
+ }
590
+ :root .stepsrow .el-step__head.is-success .el-step__line-inner,
591
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-success .el-step__line-inner {
592
+ display: none;
593
+ }
594
+ :root .stepsrow .el-step__head.is-process,
595
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-process {
596
+ color: #FFFFFF;
597
+ }
598
+ :root .stepsrow .el-step__head.is-process .el-step__icon.is-text,
599
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-process .el-step__icon.is-text {
600
+ background: var(--light-blue-color);
601
+ }
602
+ :root .stepsrow .el-step__head.is-wait .el-step__icon.is-text,
603
+ :root[theme-mode="light"] .stepsrow .el-step__head.is-wait .el-step__icon.is-text {
604
+ background: var(--td-bg-color-page);
605
+ border: 1px solid gray;
606
+ }
607
+ :root .stepsrow .el-step__title.is-success,
608
+ :root[theme-mode="light"] .stepsrow .el-step__title.is-success {
609
+ font-weight: 700;
610
+ color: #303133;
611
+ }
612
+ :root .stepsrow .el-step__title.is-process,
613
+ :root[theme-mode="light"] .stepsrow .el-step__title.is-process {
614
+ font-weight: 700;
615
+ color: var(--light-blue-color);
616
+ }
617
+ :root .stepsrow .el-step__title.is-wait,
618
+ :root[theme-mode="light"] .stepsrow .el-step__title.is-wait {
619
+ font-weight: 700;
620
+ color: #303133;
621
+ }
622
+ :root .stepscolumn .el-step__icon,
623
+ :root[theme-mode="light"] .stepscolumn .el-step__icon {
624
+ width: 30px;
625
+ height: 30px;
626
+ border: none;
627
+ }
628
+ :root .stepscolumn .el-step__head.is-success .el-step__icon.is-text,
629
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-step__icon.is-text {
630
+ background: var(--td-bg-color-page);
631
+ border: 1px solid var(--light-blue-color);
632
+ }
633
+ :root .stepscolumn .el-step__head.is-success .el-icon-check::before,
634
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-icon-check::before {
635
+ color: var(--light-blue-color);
636
+ }
637
+ :root .stepscolumn .el-step__head.is-success .el-step__line,
638
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-step__line {
639
+ background-color: var(--light-blue-color);
640
+ }
641
+ :root .stepscolumn .el-step__head.is-success .el-step__line-inner,
642
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-success .el-step__line-inner {
643
+ display: none;
644
+ }
645
+ :root .stepscolumn .el-step__head.is-process,
646
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-process {
647
+ color: #FFFFFF;
648
+ }
649
+ :root .stepscolumn .el-step__head.is-process .el-step__icon.is-text,
650
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-process .el-step__icon.is-text {
651
+ background: var(--light-blue-color);
652
+ }
653
+ :root .stepscolumn .el-step__head.is-wait .el-step__icon.is-text,
654
+ :root[theme-mode="light"] .stepscolumn .el-step__head.is-wait .el-step__icon.is-text {
655
+ background: var(--td-bg-color-page);
656
+ border: 1px solid gray;
657
+ }
658
+ :root .stepscolumn .el-step__title.is-success,
659
+ :root[theme-mode="light"] .stepscolumn .el-step__title.is-success {
660
+ font-weight: 700;
661
+ color: #303133;
662
+ }
663
+ :root .stepscolumn .el-step__title.is-process,
664
+ :root[theme-mode="light"] .stepscolumn .el-step__title.is-process {
665
+ font-weight: 700;
666
+ color: var(--light-blue-color);
667
+ }
668
+ :root .stepscolumn .el-step__title.is-wait,
669
+ :root[theme-mode="light"] .stepscolumn .el-step__title.is-wait {
670
+ font-weight: 700;
671
+ color: #303133;
672
+ }
673
+ :root .el-slider__bar,
674
+ :root[theme-mode="light"] .el-slider__bar {
675
+ background-color: var(--light-blue-color);
676
+ }
677
+ :root .head-container .el-tree .el-tree-node__content,
678
+ :root[theme-mode="light"] .head-container .el-tree .el-tree-node__content {
679
+ height: auto;
680
+ padding: 10px 0;
681
+ margin: 0 30px;
682
+ }
683
+ :root .head-container .el-tree .el-tree-node:focus > .el-tree-node__content,
684
+ :root[theme-mode="light"] .head-container .el-tree .el-tree-node:focus > .el-tree-node__content {
685
+ background-color: transparent;
686
+ }
687
+ :root .mb8,
688
+ :root[theme-mode="light"] .mb8 {
689
+ display: flex;
690
+ justify-content: flex-start;
691
+ }
692
+ :root .pagination-container,
693
+ :root[theme-mode="light"] .pagination-container {
694
+ background: transparent;
695
+ }
696
+ :root .pagination-container .el-pagination,
697
+ :root[theme-mode="light"] .pagination-container .el-pagination {
698
+ text-align: right;
699
+ }
700
+ :root .left,
701
+ :root[theme-mode="light"] .left {
702
+ background: #FFFFFF;
703
+ border: 1px solid var(--light-blue-color);
704
+ padding-top: 10px;
705
+ height: calc(100vh - 145px);
706
+ }
707
+ :root .vue-treeselect__control,
708
+ :root[theme-mode="light"] .vue-treeselect__control {
709
+ height: var(--element-size-height);
710
+ border-radius: var(--button-radius);
711
+ }
712
+ :root .custom__input--high-light .vue-treeselect__control,
713
+ :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__control {
714
+ background: var(--opacity-blue-bg);
715
+ color: var(--light-blue-color);
716
+ border: 1px solid var(--light-blue-color);
717
+ }
718
+ :root .custom__input--high-light .vue-treeselect__menu,
719
+ :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__menu {
720
+ background: #FFFFFF;
721
+ color: #72818B;
722
+ }
723
+ :root .custom__input--high-light .vue-treeselect__single-value,
724
+ :root[theme-mode="light"] .custom__input--high-light .vue-treeselect__single-value {
725
+ color: var(--light-blue-color);
726
+ }
727
+ :root .el-card,
728
+ :root[theme-mode="light"] .el-card {
729
+ border: 1px solid var(--light-blue-color);
730
+ }
731
+ :root .el-card .el-card__header,
732
+ :root[theme-mode="light"] .el-card .el-card__header {
733
+ background: var(--card-header);
734
+ color: var(--card-header-text);
735
+ padding: 10px 20px;
736
+ }
737
+ :root[theme-mode="dark"] {
738
+ --td-brand-color-1: #1B2F51;
739
+ --td-brand-color-2: #173463;
740
+ --td-brand-color-3: #143975;
741
+ --td-brand-color-4: #103D88;
742
+ --td-brand-color-5: #0D429A;
743
+ --td-brand-color-6: #054BBE;
744
+ --td-brand-color-7: #2667D4;
745
+ --td-brand-color-8: #4582E6;
746
+ --td-brand-color-9: #699EF5;
747
+ --td-brand-color-10: #96BBF8;
748
+ --left-tab: #0d4a72;
749
+ --td-gray-color-14: #031527;
750
+ --right-light: linear-gradient(to right, transparent, transparent, rgba(36, 222, 255, 0.16));
751
+ --td-brand-color: rgba(71, 135, 240, 0.5);
752
+ --td-gray-color-9: #0d4a72;
753
+ --td-gray-color-10: rgba(71, 135, 240, 0.5);
754
+ --td-gray-color-13: #031527;
755
+ --card-color: #387daa;
756
+ --form-text: rgba(255, 255, 255, 0.9);
757
+ --error-notifi-bg: #2a1216;
758
+ --opacity-blue-bg: rgba(0, 222, 240, 0.2);
759
+ --opacity-blue-bg-22: rgba(0, 222, 240, 0.1);
760
+ --drop-down-color: rgba(21, 43, 62, 0.9);
761
+ --el-dialog-color: linear-gradient(to bottom, rgba(0, 162, 218, 0.3), rgba(0, 162, 218, 0.6));
762
+ --white-opacity-7: rgba(255, 255, 255, 0.7);
763
+ }
764
+ :root[theme-mode="dark"] .el-select .el-input {
765
+ background: var(--opacity-blue-bg);
766
+ border: 1px solid var(--light-blue-color);
767
+ }
768
+ :root[theme-mode="dark"] .el-input--suffix .el-input__inner {
769
+ background: transparent;
770
+ color: var(--light-blue-color);
771
+ }
772
+ :root[theme-mode="dark"] .el-select .el-input__inner {
773
+ border: 0;
774
+ }
775
+ :root[theme-mode="dark"] .el-select-dropdown__wrap {
776
+ background: linear-gradient(to right, rgba(0, 63, 108, 0.8), rgba(1, 49, 86, 0.8));
777
+ border: 0;
778
+ }
779
+ :root[theme-mode="dark"] .el-select-dropdown {
780
+ border-radius: var(--button-radius);
781
+ border: 0;
782
+ background: transparent;
783
+ }
784
+ :root[theme-mode="dark"] .el-select-dropdown__item {
785
+ color: #FFFFFF;
786
+ }
787
+ :root[theme-mode="dark"] .el-select-dropdown__item.hover,
788
+ :root[theme-mode="dark"] .el-select-dropdown__item:hover {
789
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
790
+ }
791
+ :root[theme-mode="dark"] .el-select-dropdown__item.selected {
792
+ color: var(--light-blue-color);
793
+ font-weight: 400;
794
+ }
795
+ :root[theme-mode="dark"] .el-popper[x-placement^="bottom"] .popper__arrow::after {
796
+ border-bottom-color: var(--drop-down-color);
797
+ }
798
+ :root[theme-mode="dark"] .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
799
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
800
+ }
801
+ :root[theme-mode="dark"] .el-tag.el-tag--info {
802
+ background: transparent;
803
+ border-color: var(--light-blue-color);
804
+ }
805
+ :root[theme-mode="dark"] .dropdown .el-input {
806
+ border: none;
807
+ }
808
+ :root[theme-mode="dark"] .el-button--primary {
809
+ background: var(--primary-btn);
810
+ border-radius: var(--button-radius);
811
+ border-color: var(--primary-btn);
812
+ color: #FFFFFF;
813
+ font-size: 14px;
814
+ }
815
+ :root[theme-mode="dark"] .common-btn,
816
+ :root[theme-mode="dark"] .common-btn.el-button--danger:not(:hover),
817
+ :root[theme-mode="dark"] .el-button--danger.is-plain.is-disabled {
818
+ border: 1px solid var(--light-blue-color);
819
+ border-radius: var(--button-radius);
820
+ color: var(--light-blue-color);
821
+ background: var(--opacity-blue-bg);
822
+ font-size: 14px;
823
+ }
824
+ :root[theme-mode="dark"] .cancel-btn {
825
+ border: 1px solid #ffffff;
826
+ border-radius: var(--button-radius);
827
+ color: var(--white-opacity-7);
828
+ background: transparent;
829
+ }
830
+ :root[theme-mode="dark"] .error-btn {
831
+ background: #A61D24;
832
+ color: #FFFFFF;
833
+ border: 0;
834
+ }
835
+ :root[theme-mode="dark"] .error-btnplain {
836
+ background: transparent;
837
+ color: #A61D24;
838
+ border: 1px solid #A61D24;
839
+ }
840
+ :root[theme-mode="dark"] .disable-btn {
841
+ color: #C0C4CC;
842
+ cursor: not-allowed;
843
+ background-image: none;
844
+ background-color: transparent;
845
+ border-color: #EBEEF5;
846
+ }
847
+ :root[theme-mode="dark"] .el-button.is-plain:hover {
848
+ background: var(--opacity-blue-bg);
849
+ border: 1px solid var(--light-blue-color);
850
+ }
851
+ :root[theme-mode="dark"] .el-range-editor.el-input__inner {
852
+ background: var(--opacity-blue-bg-2);
853
+ }
854
+ :root[theme-mode="dark"] .el-date-editor .el-range-input {
855
+ background: transparent;
856
+ color: var(--white-color);
857
+ }
858
+ :root[theme-mode="dark"] .el-date-editor .el-range-separator {
859
+ color: var(--white-color);
860
+ }
861
+ :root[theme-mode="dark"] .el-picker-panel {
862
+ background: linear-gradient(to bottom, rgba(0, 162, 218, 0.6), black);
863
+ border: 1px solid gray;
864
+ }
865
+ :root[theme-mode="dark"] .el-date-range-picker__header div {
866
+ color: var(--white-color);
867
+ }
868
+ :root[theme-mode="dark"] .el-picker-panel__icon-btn {
869
+ color: rgba(255, 255, 255, 0.8);
870
+ }
871
+ :root[theme-mode="dark"] .el-date-table {
872
+ color: var(--white-color);
873
+ }
874
+ :root[theme-mode="dark"] .el-date-table th {
875
+ color: var(--white-color);
876
+ }
877
+ :root[theme-mode="dark"] .el-date-table td.in-range div {
878
+ background-color: #0a1f32;
879
+ }
880
+ :root[theme-mode="dark"] .el-date-picker__header-label {
881
+ color: var(--white-color);
882
+ }
883
+ :root[theme-mode="dark"] .el-time-panel {
884
+ background: linear-gradient(to bottom, rgba(0, 162, 218, 0.6), black);
885
+ border: 1px solid gray;
886
+ }
887
+ :root[theme-mode="dark"] .el-time-spinner__item {
888
+ color: var(--white-opacity-7);
889
+ }
890
+ :root[theme-mode="dark"] .el-time-spinner__item.active:not(.disabled) {
891
+ color: var(--white-color);
892
+ }
893
+ :root[theme-mode="dark"] .el-time-spinner__item:hover:not(.disabled, .active) {
894
+ background: #409EFF;
895
+ }
896
+ :root[theme-mode="dark"] .el-time-panel__content::after,
897
+ :root[theme-mode="dark"] .el-time-panel__content::before {
898
+ margin-top: -8px;
899
+ border-top: 1px solid gray;
900
+ border-bottom: 1px solid gray;
901
+ }
902
+ :root[theme-mode="dark"] .cancel {
903
+ color: var(--white-color);
904
+ }
905
+ :root[theme-mode="dark"] .el-time-panel__footer {
906
+ border: 1px solid gray;
907
+ }
908
+ :root[theme-mode="dark"] .el-form-item__label {
909
+ color: var(--white-color);
910
+ }
911
+ :root[theme-mode="dark"] .el-switch__core {
912
+ background: rgba(220, 223, 230, 0.5);
913
+ }
914
+ :root[theme-mode="dark"] .el-switch.is-checked .el-switch__core {
915
+ border-color: var(--light-blue-color);
916
+ background-color: rgba(0, 222, 240, 0.6);
917
+ }
918
+ :root[theme-mode="dark"] .el-textarea__inner {
919
+ background-color: transparent;
920
+ border: 1px solid var(--light-blue-color);
921
+ color: var(--light-blue-color);
922
+ border-radius: var(--button-radius);
923
+ }
924
+ :root[theme-mode="dark"] .el-table tr {
925
+ background: transparent;
926
+ color: #ffffff;
927
+ font-size: 14px;
928
+ font-weight: 400;
929
+ }
930
+ :root[theme-mode="dark"] .el-table {
931
+ background: transparent;
932
+ }
933
+ :root[theme-mode="dark"] .table-header {
934
+ color: var(--light-blue-color);
935
+ font-size: 14px;
936
+ font-weight: 500;
937
+ background: transparent;
938
+ }
939
+ :root[theme-mode="dark"] .el-table tbody tr:hover > td {
940
+ background: var(--opacity-blue-bg);
941
+ }
942
+ :root[theme-mode="dark"] .el-table td.el-table__cell,
943
+ :root[theme-mode="dark"] .el-table th.el-table__cell.is-leaf {
944
+ border-bottom: 1px solid var(--opacity-blue-bg);
945
+ }
946
+ :root[theme-mode="dark"] .el-table tbody tr:last-child {
947
+ border: 0;
948
+ }
949
+ :root[theme-mode="dark"] .el-table .el-table__cell.gutter {
950
+ background: transparent;
951
+ }
952
+ :root[theme-mode="dark"] .el-table__header-wrapper .cell {
953
+ background: var(--el-dialog-color);
954
+ color: #FFFFFF;
955
+ height: 44px;
956
+ line-height: 44px;
957
+ }
958
+ :root[theme-mode="dark"] .el-table::before {
959
+ display: none;
960
+ }
961
+ :root[theme-mode="dark"] .el-tag {
962
+ border: 1px solid var(--light-blue-color);
963
+ color: var(--light-blue-color);
964
+ background: var(--opacity-blue-bg);
965
+ font-size: 14px;
966
+ }
967
+ :root[theme-mode="dark"] .el-radio {
968
+ color: var(--white-opacity-7);
969
+ }
970
+ :root[theme-mode="dark"] .el-radio__input.is-checked + .el-radio__label {
971
+ color: var(--light-blue-color);
972
+ }
973
+ :root[theme-mode="dark"] .el-radio__inner {
974
+ border: 1px solid var(--white-opacity-7);
975
+ background: transparent;
976
+ }
977
+ :root[theme-mode="dark"] .el-radio__input.is-checked .el-radio__inner {
978
+ border-color: var(--light-blue-color);
979
+ background: transparent;
980
+ }
981
+ :root[theme-mode="dark"] .el-radio__inner::after {
982
+ background: var(--light-blue-color);
983
+ }
984
+ :root[theme-mode="dark"] .el-checkbox {
985
+ color: var(--white-opacity-7);
986
+ }
987
+ :root[theme-mode="dark"] .el-checkbox__input.is-checked + .el-checkbox__label {
988
+ color: var(--light-blue-color);
989
+ }
990
+ :root[theme-mode="dark"] .el-checkbox__inner {
991
+ background-color: transparent;
992
+ border: 1px solid var(--white-opacity-7);
993
+ }
994
+ :root[theme-mode="dark"] .el-checkbox__input.is-checked .el-checkbox__inner,
995
+ :root[theme-mode="dark"] .el-checkbox__input.is-indeterminate .el-checkbox__inner {
996
+ border-color: var(--light-blue-color);
997
+ background: transparent;
998
+ }
999
+ :root[theme-mode="dark"] .box-card {
1000
+ border: 1px solid var(--td-gray-color-9);
1001
+ background: linear-gradient(to bottom, rgba(0, 68, 155, 0), rgba(0, 118, 162, 0.64));
1002
+ }
1003
+ :root[theme-mode="dark"] .t-head-menu .t-menu__item:hover {
1004
+ color: var(--light-blue-color) !important;
1005
+ background: var(--td-gray-color-9) !important;
1006
+ }
1007
+ :root[theme-mode="dark"] .t-menu__item.t-is-active {
1008
+ color: var(--light-blue-color);
1009
+ }
1010
+ :root[theme-mode="dark"] .t-tabs__nav--card.t-tabs__nav-item.t-is-active {
1011
+ color: var(--white-color);
1012
+ background: rgba(6, 81, 66, 0.8);
1013
+ }
1014
+ :root[theme-mode="dark"] .t-tabs__nav--card.t-tabs__nav-item.t-is-active svg {
1015
+ color: red;
1016
+ }
1017
+ :root[theme-mode="dark"] .t-tabs__nav-item.t-size-m {
1018
+ height: 32px;
1019
+ line-height: 32px;
1020
+ }
1021
+ :root[theme-mode="dark"] .t-tabs__nav--card {
1022
+ background: linear-gradient(to bottom, transparent, rgba(0, 118, 162, 0.34));
1023
+ }
1024
+ :root[theme-mode="dark"] .t-tabs__btn.t-size-m {
1025
+ height: 32px;
1026
+ line-height: 32px;
1027
+ }
1028
+ :root[theme-mode="dark"] .el-pagination.is-background .el-pager li:not(.disabled).active {
1029
+ background-color: var(--light-blue-color);
1030
+ color: #FFFFFF;
1031
+ }
1032
+ :root[theme-mode="dark"] .el-pagination.is-background .btn-next,
1033
+ :root[theme-mode="dark"] .el-pagination.is-background .btn-prev,
1034
+ :root[theme-mode="dark"] .el-pagination.is-background .el-pager li {
1035
+ color: var(--light-blue-color);
1036
+ font-weight: 500;
1037
+ background: transparent;
1038
+ border: 1px solid var(--light-blue-color);
1039
+ }
1040
+ :root[theme-mode="dark"] .el-pagination__total {
1041
+ color: var(--light-blue-color);
1042
+ margin-left: 20px;
1043
+ }
1044
+ :root[theme-mode="dark"] .app-container .pagination-container {
1045
+ position: absolute;
1046
+ right: 0;
1047
+ bottom: 0;
1048
+ }
1049
+ :root[theme-mode="dark"] .custom__input--high-light .el-input__inner {
1050
+ background: transparent;
1051
+ color: var(--light-blue-color);
1052
+ }
1053
+ :root[theme-mode="dark"] .custom__input--high-light .el-input.is-disabled .el-input__inner {
1054
+ background: transparent;
1055
+ border: 1px solid var(--light-blue-color);
1056
+ }
1057
+ :root[theme-mode="dark"] .el-message-box {
1058
+ background: linear-gradient(to bottom, rgba(0, 162, 218, 0.3), rgba(0, 162, 218, 0.6));
1059
+ border: 1px solid gray;
1060
+ }
1061
+ :root[theme-mode="dark"] .el-message-box__title {
1062
+ color: #ffffff;
1063
+ }
1064
+ :root[theme-mode="dark"] .el-message-box__status + .el-message-box__message {
1065
+ color: #ffffff;
1066
+ }
1067
+ :root[theme-mode="dark"] .el-message-box__headerbtn .el-message-box__close {
1068
+ color: rgba(255, 255, 255, 0.5);
1069
+ }
1070
+ :root[theme-mode="dark"] .el-dialog {
1071
+ background: var(--drop-down-color) !important;
1072
+ border: 1px solid var(--light-blue-color);
1073
+ }
1074
+ :root[theme-mode="dark"] .el-dialog__title {
1075
+ color: var(--light-blue-color);
1076
+ }
1077
+ :root[theme-mode="dark"] .el-dialog__header {
1078
+ background: var(--dialog-header);
1079
+ border-bottom: 1px solid var(--dialog-header-border);
1080
+ padding: 10px 20px;
1081
+ }
1082
+ :root[theme-mode="dark"] .el-dialog__body {
1083
+ color: rgba(255, 255, 255, 0.5);
1084
+ padding: 0 10px;
1085
+ margin: 20px;
1086
+ text-align: left;
1087
+ }
1088
+ :root[theme-mode="dark"] .el-upload-dragger {
1089
+ background-color: transparent;
1090
+ border: 1px dashed var(--light-blue-color);
1091
+ }
1092
+ :root[theme-mode="dark"] .addwork .el-form-item__content {
1093
+ margin-left: 0 !important;
1094
+ }
1095
+ :root[theme-mode="dark"] .headerinfo {
1096
+ width: 25%;
1097
+ border-bottom: 1px solid #0dcea5;
1098
+ padding: 10px 0;
1099
+ margin-bottom: 10px;
1100
+ color: #0dcea5;
1101
+ }
1102
+ :root[theme-mode="dark"] .el-input-number__increase {
1103
+ background: var(--opacity-blue-bg);
1104
+ color: #FFFFFF;
1105
+ border-bottom: 1px solid var(--light-blue-color) !important;
1106
+ border-left: 1px solid var(--light-blue-color) !important;
1107
+ }
1108
+ :root[theme-mode="dark"] .el-input-number__decrease {
1109
+ background: var(--opacity-blue-bg);
1110
+ color: #FFFFFF;
1111
+ border-top: 1px solid var(--light-blue-color);
1112
+ border-left: 1px solid var(--light-blue-color);
1113
+ }
1114
+ :root[theme-mode="dark"] .el-upload {
1115
+ width: 100%;
1116
+ margin-top: 10px;
1117
+ }
1118
+ :root[theme-mode="dark"] .el-upload .el-upload-dragger {
1119
+ width: 100%;
1120
+ }
1121
+ :root[theme-mode="dark"] .el-upload .el-upload-dragger .el-upload__text {
1122
+ color: #FFFFFF;
1123
+ }
1124
+ :root[theme-mode="dark"] .el-upload__tip {
1125
+ color: #FFFFFF;
1126
+ }
1127
+ :root[theme-mode="dark"] .el-alert--success {
1128
+ background-color: #18240E;
1129
+ color: #FFFFFF;
1130
+ }
1131
+ :root[theme-mode="dark"] .el-alert--success .el-alert__description {
1132
+ color: #FFFFFF;
1133
+ }
1134
+ :root[theme-mode="dark"] .el-alert--success .el-alert__icon {
1135
+ color: #67C23A;
1136
+ }
1137
+ :root[theme-mode="dark"] .el-alert--info {
1138
+ background: linear-gradient(to bottom, rgba(0, 162, 218, 0.3), rgba(0, 162, 218, 0.6));
1139
+ color: #FFFFFF;
1140
+ }
1141
+ :root[theme-mode="dark"] .el-alert--info .el-alert__description {
1142
+ color: #FFFFFF;
1143
+ }
1144
+ :root[theme-mode="dark"] .el-alert--info .el-alert__icon {
1145
+ color: #909399;
1146
+ }
1147
+ :root[theme-mode="dark"] .el-alert--warning {
1148
+ background-color: #28220E;
1149
+ color: #FFFFFF;
1150
+ }
1151
+ :root[theme-mode="dark"] .el-alert--warning .el-alert__description {
1152
+ color: #FFFFFF;
1153
+ }
1154
+ :root[theme-mode="dark"] .el-alert--warning .el-alert__icon {
1155
+ color: #E6A23C;
1156
+ }
1157
+ :root[theme-mode="dark"] .el-alert--error {
1158
+ background-color: #58181C;
1159
+ color: #FFFFFF;
1160
+ }
1161
+ :root[theme-mode="dark"] .el-alert--error .el-alert__description {
1162
+ color: #FFFFFF;
1163
+ }
1164
+ :root[theme-mode="dark"] .el-alert--error .el-alert__icon {
1165
+ color: #F56C6C;
1166
+ }
1167
+ :root[theme-mode="dark"] .el-message {
1168
+ background: linear-gradient(to bottom, rgba(0, 162, 218, 0.3), rgba(0, 162, 218, 0.6)) !important;
1169
+ border: none;
1170
+ }
1171
+ :root[theme-mode="dark"] .el-message .el-message__content {
1172
+ color: #FFFFFF !important;
1173
+ }
1174
+ :root[theme-mode="dark"] .el-progress-bar__outer {
1175
+ background-color: var(--opacity-blue-bg) !important;
1176
+ }
1177
+ :root[theme-mode="dark"] .el-progress__text {
1178
+ color: var(--white-opacity-7) !important;
1179
+ }
1180
+ :root[theme-mode="dark"] .el-icon-circle-check::before {
1181
+ color: #67C23A;
1182
+ }
1183
+ :root[theme-mode="dark"] .el-icon-warning::before {
1184
+ color: #E6A23C;
1185
+ }
1186
+ :root[theme-mode="dark"] .el-badge__content,
1187
+ :root[theme-mode="dark"] .el-progress.is-exception .el-progress-bar__inner {
1188
+ background-color: #a61d24;
1189
+ }
1190
+ :root[theme-mode="dark"] .el-icon-circle-close::before {
1191
+ color: red;
1192
+ }
1193
+ :root[theme-mode="dark"] .small-progress .el-progress__text {
1194
+ font-size: 12px !important;
1195
+ }
1196
+ :root[theme-mode="dark"] .el-progress-circle__track {
1197
+ stroke: var(--opacity-blue-bg) !important;
1198
+ }
1199
+ :root[theme-mode="dark"] .el-icon-check::before {
1200
+ color: #FFFFFF;
1201
+ font-weight: 700;
1202
+ }
1203
+ :root[theme-mode="dark"] .el-icon-close::before {
1204
+ color: red;
1205
+ font-weight: 700;
1206
+ }
1207
+ :root[theme-mode="dark"] .el-result__title p {
1208
+ color: var(--form-text);
1209
+ }
1210
+ :root[theme-mode="dark"] .el-result__subtitle p {
1211
+ color: var(--white-opacity-7);
1212
+ }
1213
+ :root[theme-mode="dark"] .el-result .icon-warning {
1214
+ fill: #a61d24;
1215
+ }
1216
+ :root[theme-mode="dark"] .el-transfer-panel {
1217
+ background: transparent;
1218
+ border: 1px solid gray;
1219
+ }
1220
+ :root[theme-mode="dark"] .el-transfer-panel .el-transfer-panel__header {
1221
+ background: transparent;
1222
+ border-bottom: 1px solid gray;
1223
+ }
1224
+ :root[theme-mode="dark"] .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
1225
+ color: var(--white-color);
1226
+ }
1227
+ :root[theme-mode="dark"] .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
1228
+ color: var(--white-color);
1229
+ }
1230
+ :root[theme-mode="dark"] .el-checkbox__input.is-disabled + span.el-checkbox__label {
1231
+ color: #424f5d;
1232
+ }
1233
+ :root[theme-mode="dark"] .el-checkbox__input.is-disabled .el-checkbox__inner {
1234
+ background-color: #212738;
1235
+ border-color: #424f5d;
1236
+ }
1237
+ :root[theme-mode="dark"] .el-transfer__button {
1238
+ background: #177ddc;
1239
+ border-radius: 4px;
1240
+ }
1241
+ :root[theme-mode="dark"] .el-dropdown {
1242
+ cursor: pointer;
1243
+ color: #24DEFF;
1244
+ }
1245
+ :root[theme-mode="dark"] .el-dropdown-menu {
1246
+ background: var(--drop-down-color);
1247
+ border: 0;
1248
+ }
1249
+ :root[theme-mode="dark"] .stepsrow .el-step__icon {
1250
+ width: 30px;
1251
+ height: 30px;
1252
+ border: none;
1253
+ }
1254
+ :root[theme-mode="dark"] .stepsrow .el-step__head.is-success .el-step__icon.is-text {
1255
+ background: var(--td-bg-color-page);
1256
+ border: 1px solid var(--light-blue-color);
1257
+ }
1258
+ :root[theme-mode="dark"] .stepsrow .el-step__head.is-success .el-icon-check::before {
1259
+ color: var(--light-blue-color);
1260
+ }
1261
+ :root[theme-mode="dark"] .stepsrow .el-step__head.is-success .el-step__line {
1262
+ background-color: var(--light-blue-color);
1263
+ }
1264
+ :root[theme-mode="dark"] .stepsrow .el-step__head.is-success .el-step__line-inner {
1265
+ display: none;
1266
+ }
1267
+ :root[theme-mode="dark"] .stepsrow .el-step__head.is-process {
1268
+ color: #FFFFFF;
1269
+ }
1270
+ :root[theme-mode="dark"] .stepsrow .el-step__head.is-process .el-step__icon.is-text {
1271
+ background: var(--light-blue-color);
1272
+ }
1273
+ :root[theme-mode="dark"] .stepsrow .el-step__head.is-wait .el-step__icon.is-text {
1274
+ background: var(--td-bg-color-page);
1275
+ border: 1px solid gray;
1276
+ }
1277
+ :root[theme-mode="dark"] .stepsrow .el-step__title.is-success {
1278
+ font-weight: 700;
1279
+ color: #303133;
1280
+ }
1281
+ :root[theme-mode="dark"] .stepsrow .el-step__title.is-process {
1282
+ font-weight: 700;
1283
+ color: #FFFFFF;
1284
+ }
1285
+ :root[theme-mode="dark"] .stepsrow .el-step__title.is-wait {
1286
+ font-weight: 700;
1287
+ color: #303133;
1288
+ }
1289
+ :root[theme-mode="dark"] .stepscolumn .el-step__icon {
1290
+ width: 30px;
1291
+ height: 30px;
1292
+ border: none;
1293
+ }
1294
+ :root[theme-mode="dark"] .stepscolumn .el-step__head.is-success .el-step__icon.is-text {
1295
+ background: var(--td-bg-color-page);
1296
+ border: 1px solid var(--light-blue-color);
1297
+ }
1298
+ :root[theme-mode="dark"] .stepscolumn .el-step__head.is-success .el-icon-check::before {
1299
+ color: var(--light-blue-color);
1300
+ }
1301
+ :root[theme-mode="dark"] .stepscolumn .el-step__head.is-success .el-step__line {
1302
+ background-color: var(--light-blue-color);
1303
+ }
1304
+ :root[theme-mode="dark"] .stepscolumn .el-step__head.is-success .el-step__line-inner {
1305
+ display: none;
1306
+ }
1307
+ :root[theme-mode="dark"] .stepscolumn .el-step__head.is-process {
1308
+ color: #FFFFFF;
1309
+ }
1310
+ :root[theme-mode="dark"] .stepscolumn .el-step__head.is-process .el-step__icon.is-text {
1311
+ background: var(--light-blue-color);
1312
+ }
1313
+ :root[theme-mode="dark"] .stepscolumn .el-step__head.is-wait .el-step__icon.is-text {
1314
+ background: var(--td-bg-color-page);
1315
+ border: 1px solid gray;
1316
+ }
1317
+ :root[theme-mode="dark"] .stepscolumn .el-step__title.is-success {
1318
+ font-weight: 700;
1319
+ color: #303133;
1320
+ }
1321
+ :root[theme-mode="dark"] .stepscolumn .el-step__title.is-process {
1322
+ font-weight: 700;
1323
+ color: #FFFFFF;
1324
+ }
1325
+ :root[theme-mode="dark"] .stepscolumn .el-step__title.is-wait {
1326
+ font-weight: 700;
1327
+ color: #303133;
1328
+ }
1329
+ :root[theme-mode="dark"] .el-slider__bar {
1330
+ background-color: var(--light-blue-color);
1331
+ }
1332
+ :root[theme-mode="dark"] .el-tree {
1333
+ background: transparent;
1334
+ color: #FFFFFF;
1335
+ }
1336
+ :root[theme-mode="dark"] .el-tree .el-tree-node__content:hover {
1337
+ background: #203A51;
1338
+ }
1339
+ :root[theme-mode="dark"] .el-tree .el-tree-node:focus > .el-tree-node__content {
1340
+ background-color: transparent;
1341
+ }
1342
+ :root[theme-mode="dark"] .mb8 {
1343
+ display: flex;
1344
+ justify-content: flex-start;
1345
+ }
1346
+ :root[theme-mode="dark"] .pagination-container {
1347
+ background: transparent;
1348
+ }
1349
+ :root[theme-mode="dark"] .pagination-container .el-pagination {
1350
+ text-align: right;
1351
+ }
1352
+ :root[theme-mode="dark"] .left {
1353
+ background: rgba(5, 41, 68, 0.9);
1354
+ border: 1px solid var(--light-blue-color);
1355
+ padding-top: 10px;
1356
+ height: calc(100vh - 145px);
1357
+ }
1358
+ :root[theme-mode="dark"] .vue-treeselect__control {
1359
+ height: var(--element-size-height);
1360
+ border-radius: var(--button-radius);
1361
+ }
1362
+ :root[theme-mode="dark"] .custom__input--high-light .vue-treeselect__control {
1363
+ background: var(--opacity-blue-bg);
1364
+ color: var(--light-blue-color);
1365
+ border: 1px solid var(--light-blue-color);
1366
+ }
1367
+ :root[theme-mode="dark"] .custom__input--high-light .vue-treeselect__menu {
1368
+ border: 1px solid var(--light-blue-color);
1369
+ background: var(--drop-down-color);
1370
+ color: #FFFFFF;
1371
+ }
1372
+ :root[theme-mode="dark"] .custom__input--high-light .vue-treeselect__single-value {
1373
+ color: var(--light-blue-color);
1374
+ }
1375
+ :root[theme-mode="dark"] .custom__input--high-light .vue-treeselect__option--highlight {
1376
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), #000e04);
1377
+ }
1378
+ :root[theme-mode="dark"] .custom__input--high-light .vue-treeselect--single .vue-treeselect__option--selected {
1379
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), #000e04);
1380
+ }
1381
+ :root[theme-mode="dark"] .el-popover {
1382
+ border: 1px solid var(--light-blue-color);
1383
+ background: linear-gradient(to right, #003f6c, #013156);
1384
+ color: #FFFFFF;
1385
+ }
1386
+ :root[theme-mode="dark"] .el-card {
1387
+ border: 1px solid var(--light-blue-color);
1388
+ background: transparent;
1389
+ color: #FFFFFF;
1390
+ }
1391
+ :root[theme-mode="dark"] .el-card .el-card__header {
1392
+ background: var(--card-header);
1393
+ color: var(--card-header-text);
1394
+ border-bottom: 1px solid var(--light-blue-color);
1395
+ padding: 10px 20px;
1396
+ }
1397
+ :root[theme-mode="dark"] .el-card .el-card__body .list-group-item {
1398
+ border: none;
1399
+ }
1400
+ :root[theme-mode="dark"] .el-card .el-tabs__item {
1401
+ color: #FFFFFF;
1402
+ }
1403
+ :root[theme-mode="dark"] .el-card .el-tabs__item.is-active {
1404
+ color: #409EFF;
1405
+ }
1406
+ :root[theme-mode="dark"] .vxe-table .vxe-table--header-wrapper {
1407
+ color: #00def0;
1408
+ }
1409
+ :root[theme-mode="dark"] .vxe-table.border--default .vxe-table--header-wrapper,
1410
+ :root[theme-mode="dark"] .vxe-table.border--full .vxe-table--header-wrapper,
1411
+ :root[theme-mode="dark"] .vxe-table.border--outer .vxe-table--header-wrapper {
1412
+ background-color: transparent;
1413
+ }
1414
+ :root[theme-mode="dark"] .vxe-toolbar {
1415
+ background-color: transparent;
1416
+ }
1417
+ :root[theme-mode="dark"] .vxe-table--render-default {
1418
+ color: rgba(255, 255, 255, 0.7);
1419
+ }
1420
+ :root[theme-mode="dark"] .vxe-table--render-default .vxe-table--body-wrapper {
1421
+ background-color: transparent;
1422
+ }
1423
+ :root[theme-mode="dark"] .vxe-table--render-default .vxe-body--row.row--stripe {
1424
+ background-color: rgba(0, 222, 240, 0.2);
1425
+ }
1426
+ :root[theme-mode="dark"] .vxe-table--render-default .vxe-body--row.row--radio {
1427
+ background-color: rgba(0, 222, 240, 0.2);
1428
+ }
1429
+ :root[theme-mode="dark"] .vxe-table--render-default .vxe-body--row.row--checked {
1430
+ background-color: rgba(0, 222, 240, 0.2);
1431
+ }
1432
+ :root[theme-mode="dark"] .vxe-table--render-default .vxe-body--row.row--current {
1433
+ background-color: rgba(0, 222, 240, 0.2);
1434
+ }
1435
+ :root[theme-mode="dark"] .vxe-table--render-default .vxe-body--row.row--hover {
1436
+ background-color: rgba(0, 222, 240, 0.2);
1437
+ }
1438
+ :root[theme-mode="dark"] .vxe-table--render-default .vxe-body--row.row--hover.row--stripe {
1439
+ background-color: rgba(0, 222, 240, 0.2);
1440
+ }
1441
+ :root[theme-mode="dark"] .vxe-table--render-default .vxe-body--row.row--hover.row--radio {
1442
+ background-color: rgba(0, 222, 240, 0.2);
1443
+ }
1444
+ :root[theme-mode="dark"] .vxe-table--render-default .vxe-body--row.row--hover.row--checked {
1445
+ background-color: rgba(0, 222, 240, 0.2);
1446
+ }
1447
+ :root[theme-mode="dark"] .vxe-table--render-default .vxe-body--row.row--hover.row--current {
1448
+ background-color: rgba(0, 222, 240, 0.2);
1449
+ }
1450
+ :root[theme-mode="dark"] .vxe-input--inner {
1451
+ color: #00def0;
1452
+ background-color: #031527;
1453
+ box-shadow: none;
1454
+ }
1455
+ :root[theme-mode="dark"] .vxe-input--inner[disabled] {
1456
+ background-color: rgba(51, 69, 86, 0.8);
1457
+ }
1458
+ :root[theme-mode="dark"] .vxe-pulldown {
1459
+ color: rgba(255, 255, 255, 0.7);
1460
+ }
1461
+ :root[theme-mode="dark"] .vxe-pulldown--panel {
1462
+ color: rgba(255, 255, 255, 0.7);
1463
+ }
1464
+ :root[theme-mode="dark"] .vxe-pulldown--wrapper {
1465
+ background-color: #031527;
1466
+ }
1467
+ :root[theme-mode="dark"] .vxe-modal--body {
1468
+ background-color: #031527;
1469
+ }
1470
+ :root[theme-mode="dark"] .vxe-modal--header {
1471
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
1472
+ }
1473
+ :root[theme-mode="dark"] .vxe-modal--header-title {
1474
+ color: #031527;
1475
+ }
1476
+ :root[theme-mode="dark"] .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
1477
+ background-color: rgba(0, 144, 188, 0.8);
1478
+ }
1479
+ :root[theme-mode="dark"] .vxe-select-option:not(.is--disabled).is--hover {
1480
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
1481
+ }
1482
+ :root[theme-mode="dark"] .vxe-select-option--wrapper {
1483
+ background-color: #152b3e;
1484
+ }
1485
+ :root[theme-mode="dark"] .vxe-modal--footer {
1486
+ background-color: #031527;
1487
+ }
1488
+ :root[theme-mode="dark"] .vxe-button {
1489
+ color: #00def0;
1490
+ background-color: transparent;
1491
+ }
1492
+ :root[theme-mode="dark"] .vxe-button.type--text {
1493
+ border: 0;
1494
+ }
1495
+ :root[theme-mode="dark"] .vxe-loading {
1496
+ background-color: transparent;
1497
+ }
1498
+ :root[theme-color="cyan"] {
1499
+ --td-brand-color: #0594FA;
1500
+ --td-brand-color-1: #D7EEFE;
1501
+ --td-brand-color-2: #AEDDFD;
1502
+ --td-brand-color-3: #84CAFD;
1503
+ --td-brand-color-4: #58B8FC;
1504
+ --td-brand-color-5: #29A4FB;
1505
+ --td-brand-color-6: #0594FA;
1506
+ --td-brand-color-7: #29A4FB;
1507
+ --td-brand-color-8: #0594FA;
1508
+ --td-brand-color-9: #0378DF;
1509
+ --td-brand-color-10: #01409B;
1510
+ }
1511
+ :root[theme-color="cyan"][theme-mode="dark"] {
1512
+ --td-brand-color: #29A4FB;
1513
+ --td-brand-color-1: #01409B;
1514
+ --td-brand-color-2: #0152B3;
1515
+ --td-brand-color-3: #0264CA;
1516
+ --td-brand-color-4: #0378DF;
1517
+ --td-brand-color-5: #0594FA;
1518
+ --td-brand-color-6: #29A4FB;
1519
+ --td-brand-color-7: #0594FA;
1520
+ --td-brand-color-8: #29A4FB;
1521
+ --td-brand-color-9: #58B8FC;
1522
+ --td-brand-color-10: #D7EEFE;
1523
+ }
1524
+ :root[theme-color="green"] {
1525
+ --td-brand-color-1: #E8F8F2;
1526
+ --td-brand-color-2: #BCEBDC;
1527
+ --td-brand-color-3: #85DBBE;
1528
+ --td-brand-color-4: #48C79C;
1529
+ --td-brand-color-5: #00A870;
1530
+ --td-brand-color-6: #078D5C;
1531
+ --td-brand-color-7: #067945;
1532
+ --td-brand-color-8: #00A870;
1533
+ --td-brand-color-9: #044F2A;
1534
+ --td-brand-color-10: #033017;
1535
+ }
1536
+ :root[theme-color="green"][theme-mode="dark"] {
1537
+ --td-brand-color: #03A56F;
1538
+ --td-brand-color-1: #024B15;
1539
+ --td-brand-color-2: #03965C;
1540
+ --td-brand-color-3: #03A56F;
1541
+ --td-brand-color-4: #04C383;
1542
+ --td-brand-color-5: #03965C;
1543
+ --td-brand-color-6: #03A56F;
1544
+ --td-brand-color-7: #04C383;
1545
+ --td-brand-color-8: #03A56F;
1546
+ --td-brand-color-9: #05EB9F;
1547
+ --td-brand-color-10: #91FDD9;
1548
+ }
1549
+ :root[theme-color="orange"] {
1550
+ --td-brand-color: #ED7B2F;
1551
+ --td-brand-color-1: #FCE5D7;
1552
+ --td-brand-color-2: #F8CDAF;
1553
+ --td-brand-color-3: #F4B285;
1554
+ --td-brand-color-4: #F19659;
1555
+ --td-brand-color-5: #ED7B2F;
1556
+ --td-brand-color-6: #E75510;
1557
+ --td-brand-color-7: #F19659;
1558
+ --td-brand-color-8: #ED7B2F;
1559
+ --td-brand-color-9: #E75510;
1560
+ --td-brand-color-10: #7F0A02;
1561
+ }
1562
+ :root[theme-color="orange"][theme-mode="dark"] {
1563
+ --td-brand-color: #ED7B2F;
1564
+ --td-brand-color-1: #692204;
1565
+ --td-brand-color-2: #873105;
1566
+ --td-brand-color-3: #A24006;
1567
+ --td-brand-color-4: #C25110;
1568
+ --td-brand-color-5: #D66724;
1569
+ --td-brand-color-6: #ED8139;
1570
+ --td-brand-color-7: #FF9852;
1571
+ --td-brand-color-8: #ED7B2F;
1572
+ --td-brand-color-9: #ED7B2F;
1573
+ --td-brand-color-10: #FCE5D7;
1574
+ }
1575
+ :root[theme-color="pink"] {
1576
+ --td-brand-color: #ED49B4;
1577
+ --td-brand-color-1: #FCE5F4;
1578
+ --td-brand-color-2: #FACAE9;
1579
+ --td-brand-color-3: #F7AEDE;
1580
+ --td-brand-color-4: #F491D2;
1581
+ --td-brand-color-5: #F172C5;
1582
+ --td-brand-color-6: #ED49B4;
1583
+ --td-brand-color-7: #F172C5;
1584
+ --td-brand-color-8: #ED49B4;
1585
+ --td-brand-color-9: #E80F9D;
1586
+ --td-brand-color-10: #8F025E;
1587
+ }
1588
+ :root[theme-color="pink"][theme-mode="dark"] {
1589
+ --td-brand-color: #FF70CF;
1590
+ --td-brand-color-1: #5B374F;
1591
+ --td-brand-color-2: #9B066D;
1592
+ --td-brand-color-3: #BC088A;
1593
+ --td-brand-color-4: #D435A0;
1594
+ --td-brand-color-5: #ED53B7;
1595
+ --td-brand-color-6: #FF70CF;
1596
+ --td-brand-color-7: #FF99E4;
1597
+ --td-brand-color-8: #FF70CF;
1598
+ --td-brand-color-9: #FFDBFD;
1599
+ --td-brand-color-10: #FFF2FF;
1600
+ }
1601
+ :root[theme-color="purple"] {
1602
+ --td-brand-color: #834EC2;
1603
+ --td-brand-color-1: #EEE6F7;
1604
+ --td-brand-color-2: #DDCEEE;
1605
+ --td-brand-color-3: #CCB6E6;
1606
+ --td-brand-color-4: #BB9EDC;
1607
+ --td-brand-color-5: #AB87D5;
1608
+ --td-brand-color-6: #9A6FCE;
1609
+ --td-brand-color-7: #9A6FCE;
1610
+ --td-brand-color-8: #834EC2;
1611
+ --td-brand-color-9: #783AC3;
1612
+ --td-brand-color-10: #4C1397;
1613
+ }
1614
+ :root[theme-color="purple"][theme-mode="dark"] {
1615
+ --td-brand-color: #AB87D5;
1616
+ --td-brand-color-1: #4C1397;
1617
+ --td-brand-color-2: #6325B0;
1618
+ --td-brand-color-3: #783AC3;
1619
+ --td-brand-color-4: #834EC2;
1620
+ --td-brand-color-5: #9A6FCE;
1621
+ --td-brand-color-6: #AB87D5;
1622
+ --td-brand-color-7: #AB87D5;
1623
+ --td-brand-color-8: #AB87D5;
1624
+ --td-brand-color-9: #CCB6E6;
1625
+ --td-brand-color-10: #EEE6F7;
1626
+ }
1627
+ :root[theme-color="red"] {
1628
+ --td-brand-color: #E34D59;
1629
+ --td-brand-color-1: #FBE5E7;
1630
+ --td-brand-color-2: #F7CCD0;
1631
+ --td-brand-color-3: #F3B2B8;
1632
+ --td-brand-color-4: #EF989F;
1633
+ --td-brand-color-5: #EA7B84;
1634
+ --td-brand-color-6: #E34D59;
1635
+ --td-brand-color-7: #EA7B84;
1636
+ --td-brand-color-8: #E34D59;
1637
+ --td-brand-color-9: #E42C3A;
1638
+ --td-brand-color-10: #8D0309;
1639
+ }
1640
+ :root[theme-color="red"][theme-mode="dark"] {
1641
+ --td-brand-color: #FB6E77;
1642
+ --td-brand-color-1: #4F3335;
1643
+ --td-brand-color-2: #960627;
1644
+ --td-brand-color-3: #B01C37;
1645
+ --td-brand-color-4: #C9384A;
1646
+ --td-brand-color-5: #E35661;
1647
+ --td-brand-color-6: #FB6E77;
1648
+ --td-brand-color-7: #FF9195;
1649
+ --td-brand-color-8: #FB6E77;
1650
+ --td-brand-color-9: #FFD6D8;
1651
+ --td-brand-color-10: #FFF2F2;
1652
+ }
1653
+ :root[theme-color="yellow"] {
1654
+ --td-brand-color: #EBB105;
1655
+ --td-brand-color-1: #FDE9AB;
1656
+ --td-brand-color-2: #FBD152;
1657
+ --td-brand-color-3: #EBB105;
1658
+ --td-brand-color-4: #DDA204;
1659
+ --td-brand-color-5: #CA8D03;
1660
+ --td-brand-color-6: #B67803;
1661
+ --td-brand-color-7: #FBD152;
1662
+ --td-brand-color-8: #EBB105;
1663
+ --td-brand-color-9: #DDA204;
1664
+ --td-brand-color-10: #603100;
1665
+ }
1666
+ :root[theme-color="yellow"][theme-mode="dark"] {
1667
+ --td-brand-color: #CA8D03;
1668
+ --td-brand-color-1: #603100;
1669
+ --td-brand-color-2: #764101;
1670
+ --td-brand-color-3: #8C5201;
1671
+ --td-brand-color-4: #A16502;
1672
+ --td-brand-color-5: #B67803;
1673
+ --td-brand-color-6: #CA8D03;
1674
+ --td-brand-color-7: #764101;
1675
+ --td-brand-color-8: #CA8D03;
1676
+ --td-brand-color-9: #A16502;
1677
+ --td-brand-color-10: #FDE9AB;
1678
+ }
1679
+ :root,
1680
+ :root[theme-mode="light"] {
1681
+ --card-bg-color: #FFFFFF;
1682
+ --light-title-color: #17233D;
1683
+ --light-font-color: #515A6E;
1684
+ --dark-font-color: #808695;
1685
+ --table-header-color: #F3F4F9;
1686
+ --table-body-color: #FFFFFF;
1687
+ --table-button-bg-color: #FFFFFF;
1688
+ --table-button-font-color: #296DF1;
1689
+ --table-delete-color: #FF3C31;
1690
+ --tag-bg-color: #F3F4F9;
1691
+ --tag-button-color: #C5C5CE;
1692
+ --tag-delete-color: #DCDEE2;
1693
+ --tag-add-bg-color: #FFFFFF;
1694
+ --input-border-color: #DCDEE2;
1695
+ --card-title-bottom-color: #E3E5EA;
1696
+ }
1697
+ :root[theme-mode="dark"] {
1698
+ --card-bg-color: #111826;
1699
+ --light-title-color: #FFFFFF;
1700
+ --light-font-color: #808695;
1701
+ --dark-font-color: #515A6E;
1702
+ --table-header-color: #242C3C;
1703
+ --table-body-color: #050D20;
1704
+ --table-button-bg-color: #296DF1;
1705
+ --table-button-font-color: #FFFFFF;
1706
+ --tag-bg-color: #050D20;
1707
+ --tag-add-bg-color: #050D20;
1708
+ --input-border-color: #242C3C;
1709
+ --tag-button-color: #515A6E;
1710
+ --card-title-bottom-color: #3C4553;
1711
+ }