upp-platform-core 1.0.21 → 1.0.23

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 CHANGED
@@ -1,3 +1,208 @@
1
+ .project__unshow-type .t-menu__logo {
2
+ display: flex;
3
+ justify-content: center;
4
+ background-color: #263455;
5
+ }
6
+ .project__unshow-type .t-menu__logo .tdesign-starter-side-nav-logo-wrapper {
7
+ width: 20%;
8
+ }
9
+ .project__unshow-type .t-menu__logo span {
10
+ color: #FFFFFF !important;
11
+ font-size: 16px;
12
+ }
13
+ .project__unshow-type .t-default-menu__inner {
14
+ height: 100%;
15
+ }
16
+ .project__unshow-type .header-logo-container {
17
+ width: 216px;
18
+ margin-left: 16px;
19
+ }
20
+ .project__unshow-type .t-menu {
21
+ padding: 0;
22
+ }
23
+ .project__unshow-type .t-menu .t-head-menu__inner {
24
+ background-color: #FFFFFF !important;
25
+ border: none;
26
+ }
27
+ .project__unshow-type .t-menu--scroll {
28
+ background-color: #17233D;
29
+ }
30
+ .project__unshow-type .t-menu__content,
31
+ .project__unshow-type .svg-icon,
32
+ .project__unshow-type .t-fake-arrow {
33
+ color: #A9AEB7;
34
+ }
35
+ .project__unshow-type .operations-container .t-button {
36
+ background-color: #FFFFFF;
37
+ border: 1px solid #C9C9C9;
38
+ }
39
+ .project__unshow-type .operations-container .t-button:hover {
40
+ background-color: #C9C9C9;
41
+ color: #FFFFFF !important;
42
+ }
43
+ .project__unshow-type .operations-container .svg-icon,
44
+ .project__unshow-type .operations-container .t-icon,
45
+ .project__unshow-type .operations-container .header-user-account,
46
+ .project__unshow-type .operations-container span {
47
+ color: #000000 !important;
48
+ }
49
+ .project__unshow-type .t-is-opened .t-menu__item .svg-icon,
50
+ .project__unshow-type .t-is-opened .t-menu__item .t-menu__content {
51
+ color: #8B919E !important;
52
+ }
53
+ .project__unshow-type .t-menu__item.t-is-opened.t-is-active .svg-icon,
54
+ .project__unshow-type .t-menu__item.t-is-opened.t-is-active .t-menu__content {
55
+ color: #FFFFFF !important;
56
+ }
57
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) {
58
+ margin-left: 20px;
59
+ padding-left: 38px;
60
+ border-radius: 0;
61
+ border-top-left-radius: 4px;
62
+ border-bottom-left-radius: 4px;
63
+ }
64
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened)::before {
65
+ content: "";
66
+ position: absolute;
67
+ left: -20px;
68
+ width: 5px;
69
+ height: 100%;
70
+ background-color: #296DF1;
71
+ border-top-right-radius: 4px;
72
+ border-bottom-right-radius: 4px;
73
+ }
74
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .svg-icon,
75
+ .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .t-menu__content {
76
+ font-weight: 700;
77
+ color: #17233D !important;
78
+ }
79
+ .project__unshow-type .el-pagination__total {
80
+ position: absolute;
81
+ left: 0;
82
+ }
83
+ .project__unshow-type .el-table__header-wrapper th,
84
+ .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th {
85
+ padding: 0;
86
+ }
87
+ .project__unshow-type .el-table__header-wrapper th .cell,
88
+ .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th .cell {
89
+ background-color: #E9F3FF;
90
+ color: #3172F1;
91
+ padding: 2px 10px;
92
+ }
93
+ .project__unshow-type .el-icon-check::before {
94
+ color: var(--primary-btn);
95
+ }
96
+ .project__unshow-type .el-icon-check::before:hover {
97
+ background-color: #84CAFD !important;
98
+ }
99
+ .project__unshow-type .el-button.common-btn:not(:hover),
100
+ .project__unshow-type .el-button--primary.is-plain {
101
+ color: var(--primary-btn) !important;
102
+ border-color: var(--primary-btn) !important;
103
+ background-color: #FFFFFF;
104
+ }
105
+ .project__unshow-type .el-button.common-btn:not(:hover):not(.common-btn):hover,
106
+ .project__unshow-type .el-button--primary.is-plain:not(.common-btn):hover {
107
+ color: #FFFFFF !important;
108
+ background-color: var(--light-blue-color) !important;
109
+ border-color: var(--light-blue-color) !important;
110
+ }
111
+ .project__unshow-type .el-button--primary:not(.is-plain) {
112
+ color: #FFFFFF !important;
113
+ background-color: var(--primary-btn) !important;
114
+ }
115
+ .project__unshow-type .el-button--primary:not(.is-plain) .el-icon-check::before {
116
+ color: #FFFFFF;
117
+ }
118
+ .project__unshow-type .el-button--primary:not(.is-plain):hover {
119
+ background-color: var(--light-blue-color) !important;
120
+ border-color: var(--light-blue-color) !important;
121
+ }
122
+ .project__unshow-type .el-button--warning {
123
+ color: #F7BF17 !important;
124
+ background-color: #FFFFFF !important;
125
+ }
126
+ .project__unshow-type .el-button--warning:hover {
127
+ color: #FFFFFF !important;
128
+ background-color: #F7BF17 !important;
129
+ border-color: #F7BF17 !important;
130
+ }
131
+ .project__unshow-type .el-button--danger {
132
+ color: #F56C6C !important;
133
+ background-color: #FFFFFF !important;
134
+ }
135
+ .project__unshow-type .el-button--danger:hover {
136
+ color: #FFFFFF !important;
137
+ background-color: #F56C6C !important;
138
+ border-color: #F56C6C !important;
139
+ }
140
+ .project__unshow-type .el-button--success {
141
+ color: #67C23A !important;
142
+ background-color: #FFFFFF !important;
143
+ }
144
+ .project__unshow-type .el-button--success:hover {
145
+ color: #FFFFFF !important;
146
+ background-color: #67C23A !important;
147
+ border-color: #67C23A !important;
148
+ }
149
+ .project__unshow-type .el-tag {
150
+ border-color: var(--light-blue-color);
151
+ }
152
+ .project__unshow-type .el-tag.el-tag--danger {
153
+ border-color: #F56C6C;
154
+ }
155
+ .project__unshow-type .user-info > .el-card__header {
156
+ background-color: #17233D !important;
157
+ }
158
+ .project__unshow-type .login-container-normal .login-form-normal.login-form {
159
+ width: 562px;
160
+ }
161
+ :root[theme-mode="dark"] .project__unshow-type .t-menu .t-head-menu__inner {
162
+ background-color: #17233d !important;
163
+ }
164
+ :root[theme-mode="dark"] .project__unshow-type .svg-icon,
165
+ :root[theme-mode="dark"] .project__unshow-type .t-icon,
166
+ :root[theme-mode="dark"] .project__unshow-type .header-user-account,
167
+ :root[theme-mode="dark"] .project__unshow-type span {
168
+ color: #FFFFFF !important;
169
+ }
170
+ :root[theme-mode="dark"] .project__unshow-type .operations-container .t-button {
171
+ background-color: transparent;
172
+ }
173
+
174
+ .is-in-iframe .tdesign-starter-content-layout,
175
+ .is-in-full-screen .tdesign-starter-content-layout {
176
+ padding: 0 !important;
177
+ }
178
+ .is-in-iframe .t-layout__content,
179
+ .is-in-full-screen .t-layout__content,
180
+ .is-in-iframe .tdesign-starter-layout,
181
+ .is-in-full-screen .tdesign-starter-layout,
182
+ .is-in-iframe .iframe-view.common-content,
183
+ .is-in-full-screen .iframe-view.common-content {
184
+ height: 100vh;
185
+ }
186
+ .is-in-iframe .iframe-view,
187
+ .is-in-full-screen .iframe-view {
188
+ display: block;
189
+ }
190
+ .is-in-full-screen .t-layout__header,
191
+ .is-in-full-screen .tdesign-starter-layout-tabs-nav,
192
+ .is-in-full-screen .t-layout__sider,
193
+ .is-in-full-screen .tdesign-starter-sidebar-layout {
194
+ display: none;
195
+ }
196
+ .is-in-full-screen div > section.t-layout {
197
+ height: 100vh;
198
+ }
199
+ .tdesign-starter-side-nav-mix-fixed .t-menu__logo {
200
+ display: none !important;
201
+ }
202
+ .el-dialog.file-uplaod__preview-image .el-dialog__header {
203
+ border: none;
204
+ }
205
+
1
206
  .form-layout {
2
207
  display: flex;
3
208
  flex-wrap: wrap;
@@ -24,6 +229,9 @@
24
229
  align-items: center;
25
230
  }
26
231
  .form-layout .el-form-item__label {
232
+ display: flex;
233
+ align-items: center;
234
+ justify-content: right;
27
235
  height: 100%;
28
236
  width: 120px;
29
237
  line-height: var(--element-size-height);
@@ -52,7 +260,6 @@
52
260
  .form-layout .form-disable--bgc-gray .el-form-item__content {
53
261
  background-color: #EEEEEE;
54
262
  color: #666666;
55
- padding-left: 15px;
56
263
  }
57
264
  .form-layout--140 {
58
265
  display: flex;
@@ -80,6 +287,9 @@
80
287
  align-items: center;
81
288
  }
82
289
  .form-layout--140 .el-form-item__label {
290
+ display: flex;
291
+ align-items: center;
292
+ justify-content: right;
83
293
  height: 100%;
84
294
  width: 140px;
85
295
  line-height: var(--element-size-height);
@@ -108,7 +318,6 @@
108
318
  .form-layout--140 .form-disable--bgc-gray .el-form-item__content {
109
319
  background-color: #EEEEEE;
110
320
  color: #666666;
111
- padding-left: 15px;
112
321
  }
113
322
  .form-layout--160 {
114
323
  display: flex;
@@ -136,6 +345,9 @@
136
345
  align-items: center;
137
346
  }
138
347
  .form-layout--160 .el-form-item__label {
348
+ display: flex;
349
+ align-items: center;
350
+ justify-content: right;
139
351
  height: 100%;
140
352
  width: 160px;
141
353
  line-height: var(--element-size-height);
@@ -164,7 +376,6 @@
164
376
  .form-layout--160 .form-disable--bgc-gray .el-form-item__content {
165
377
  background-color: #EEEEEE;
166
378
  color: #666666;
167
- padding-left: 15px;
168
379
  }
169
380
  .form-layout.form-layout--border {
170
381
  border-left: 1px solid #ebeef5;
@@ -264,199 +475,6 @@
264
475
  margin-left: 10px;
265
476
  }
266
477
 
267
- .is-in-iframe .tdesign-starter-content-layout,
268
- .is-in-full-screen .tdesign-starter-content-layout {
269
- padding: 0 !important;
270
- }
271
- .is-in-iframe .t-layout__content,
272
- .is-in-full-screen .t-layout__content,
273
- .is-in-iframe .tdesign-starter-layout,
274
- .is-in-full-screen .tdesign-starter-layout,
275
- .is-in-iframe .iframe-view.common-content,
276
- .is-in-full-screen .iframe-view.common-content {
277
- height: 100vh;
278
- }
279
- .is-in-iframe .iframe-view,
280
- .is-in-full-screen .iframe-view {
281
- display: block;
282
- }
283
- .is-in-full-screen .t-layout__header,
284
- .is-in-full-screen .tdesign-starter-layout-tabs-nav,
285
- .is-in-full-screen .t-layout__sider,
286
- .is-in-full-screen .tdesign-starter-sidebar-layout {
287
- display: none;
288
- }
289
- .is-in-full-screen div > section.t-layout {
290
- height: 100vh;
291
- }
292
- .tdesign-starter-side-nav-mix-fixed .t-menu__logo {
293
- display: none !important;
294
- }
295
- .el-dialog.file-uplaod__preview-image .el-dialog__header {
296
- border: none;
297
- }
298
-
299
- .project__unshow-type .t-menu__logo {
300
- display: flex;
301
- justify-content: center;
302
- background-color: #263455;
303
- }
304
- .project__unshow-type .t-menu__logo .tdesign-starter-side-nav-logo-wrapper {
305
- width: 20%;
306
- }
307
- .project__unshow-type .t-menu__logo span {
308
- color: #FFFFFF !important;
309
- font-size: 16px;
310
- }
311
- .project__unshow-type .t-default-menu__inner {
312
- height: 100%;
313
- }
314
- .project__unshow-type .header-logo-container {
315
- width: 216px;
316
- margin-left: 16px;
317
- }
318
- .project__unshow-type .t-menu {
319
- padding: 0;
320
- }
321
- .project__unshow-type .t-menu .t-head-menu__inner {
322
- background-color: #FFFFFF !important;
323
- border: none;
324
- }
325
- .project__unshow-type .t-menu--scroll {
326
- background-color: #17233D;
327
- }
328
- .project__unshow-type .t-menu__content,
329
- .project__unshow-type .svg-icon,
330
- .project__unshow-type .t-fake-arrow {
331
- color: #A9AEB7;
332
- }
333
- .project__unshow-type .operations-container .t-button {
334
- background-color: #FFFFFF;
335
- border: 1px solid #C9C9C9;
336
- }
337
- .project__unshow-type .operations-container .t-button:hover {
338
- background-color: #C9C9C9;
339
- color: #FFFFFF !important;
340
- }
341
- .project__unshow-type .operations-container .svg-icon,
342
- .project__unshow-type .operations-container .t-icon,
343
- .project__unshow-type .operations-container .header-user-account,
344
- .project__unshow-type .operations-container span {
345
- color: #000000 !important;
346
- }
347
- .project__unshow-type .t-is-opened .t-menu__item .svg-icon,
348
- .project__unshow-type .t-is-opened .t-menu__item .t-menu__content {
349
- color: #8B919E !important;
350
- }
351
- .project__unshow-type .t-menu__item.t-is-opened.t-is-active .svg-icon,
352
- .project__unshow-type .t-menu__item.t-is-opened.t-is-active .t-menu__content {
353
- color: #FFFFFF !important;
354
- }
355
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) {
356
- margin-left: 20px;
357
- padding-left: 38px;
358
- border-radius: 0;
359
- border-top-left-radius: 4px;
360
- border-bottom-left-radius: 4px;
361
- }
362
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened)::before {
363
- content: "";
364
- position: absolute;
365
- left: -20px;
366
- width: 5px;
367
- height: 100%;
368
- background-color: #296DF1;
369
- border-top-right-radius: 4px;
370
- border-bottom-right-radius: 4px;
371
- }
372
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .svg-icon,
373
- .project__unshow-type .t-menu__item.t-is-active:not(.t-is-opened) .t-menu__content {
374
- font-weight: 700;
375
- color: #17233D !important;
376
- }
377
- .project__unshow-type .el-pagination__total {
378
- position: absolute;
379
- left: 0;
380
- }
381
- .project__unshow-type .el-table__header-wrapper th,
382
- .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th {
383
- padding: 0;
384
- }
385
- .project__unshow-type .el-table__header-wrapper th .cell,
386
- .project__unshow-type .el-table__fixed-right .el-table__fixed-header-wrapper th .cell {
387
- background-color: #E9F3FF;
388
- color: #3172F1;
389
- padding: 2px 10px;
390
- }
391
- .project__unshow-type .el-icon-check::before {
392
- color: var(--primary-btn);
393
- }
394
- .project__unshow-type .el-icon-check::before:hover {
395
- background-color: #84CAFD !important;
396
- }
397
- .project__unshow-type .el-button.common-btn:not(:hover),
398
- .project__unshow-type .el-button--primary.is-plain {
399
- color: var(--primary-btn) !important;
400
- border-color: var(--primary-btn) !important;
401
- background-color: #FFFFFF !important;
402
- }
403
- .project__unshow-type .el-button.common-btn:not(:hover):not(.common-btn):hover,
404
- .project__unshow-type .el-button--primary.is-plain:not(.common-btn):hover {
405
- color: #FFFFFF !important;
406
- background-color: var(--light-blue-color) !important;
407
- border-color: var(--light-blue-color) !important;
408
- }
409
- .project__unshow-type .el-button--primary:not(.is-plain) {
410
- color: #FFFFFF !important;
411
- background-color: var(--primary-btn) !important;
412
- }
413
- .project__unshow-type .el-button--primary:not(.is-plain) .el-icon-check::before {
414
- color: #FFFFFF;
415
- }
416
- .project__unshow-type .el-button--primary:not(.is-plain):hover {
417
- background-color: var(--light-blue-color) !important;
418
- border-color: var(--light-blue-color) !important;
419
- }
420
- .project__unshow-type .el-button--warning {
421
- color: #F7BF17 !important;
422
- background-color: #FFFFFF !important;
423
- }
424
- .project__unshow-type .el-button--warning:hover {
425
- color: #FFFFFF !important;
426
- background-color: #F7BF17 !important;
427
- border-color: #F7BF17 !important;
428
- }
429
- .project__unshow-type .el-button--danger {
430
- color: #F56C6C !important;
431
- background-color: #FFFFFF !important;
432
- }
433
- .project__unshow-type .el-button--danger:hover {
434
- color: #FFFFFF !important;
435
- background-color: #F56C6C !important;
436
- border-color: #F56C6C !important;
437
- }
438
- .project__unshow-type .el-button--success {
439
- color: #67C23A !important;
440
- background-color: #FFFFFF !important;
441
- }
442
- .project__unshow-type .el-button--success:hover {
443
- color: #FFFFFF !important;
444
- background-color: #67C23A !important;
445
- border-color: #67C23A !important;
446
- }
447
- .project__unshow-type .el-tag {
448
- border-color: var(--light-blue-color);
449
- }
450
- .project__unshow-type .el-tag.el-tag--danger {
451
- border-color: #F56C6C;
452
- }
453
- .project__unshow-type .user-info > .el-card__header {
454
- background-color: #17233D !important;
455
- }
456
- .project__unshow-type .login-container-normal .login-form-normal.login-form {
457
- width: 562px;
458
- }
459
-
460
478
  :root,
461
479
  :root[theme-mode="light"] {
462
480
  --td-brand-color-1: #E0EBFF;
@@ -955,11 +973,12 @@
955
973
  }
956
974
  :root[theme-mode="dark"] .el-select .el-input {
957
975
  background: var(--opacity-blue-bg);
958
- border: 1px solid var(--light-blue-color);
959
976
  }
960
977
  :root[theme-mode="dark"] .el-input--suffix .el-input__inner {
961
- background: transparent;
978
+ background-color: transparent;
979
+ border: 1px solid var(--light-blue-color);
962
980
  color: var(--light-blue-color);
981
+ border-radius: var(--button-radius);
963
982
  }
964
983
  :root[theme-mode="dark"] .el-select .el-input__inner {
965
984
  border: 0;
@@ -1001,7 +1020,7 @@
1001
1020
  background: var(--primary-btn);
1002
1021
  border-radius: var(--button-radius);
1003
1022
  border-color: var(--primary-btn);
1004
- color: #FFFFFF;
1023
+ color: #FFFFFF !important;
1005
1024
  font-size: 14px;
1006
1025
  }
1007
1026
  :root[theme-mode="dark"] .common-btn,
@@ -1010,7 +1029,7 @@
1010
1029
  border: 1px solid var(--light-blue-color);
1011
1030
  border-radius: var(--button-radius);
1012
1031
  color: var(--light-blue-color);
1013
- background: var(--opacity-blue-bg);
1032
+ background: var(--opacity-blue-bg) !important;
1014
1033
  font-size: 14px;
1015
1034
  }
1016
1035
  :root[theme-mode="dark"] .cancel-btn {
@@ -1040,6 +1059,48 @@
1040
1059
  background: var(--opacity-blue-bg);
1041
1060
  border: 1px solid var(--light-blue-color);
1042
1061
  }
1062
+ :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--default,
1063
+ :root[theme-mode="dark"] .form-section .submit-btns-box .is-plain {
1064
+ border: 1px solid var(--light-blue-color);
1065
+ border-radius: var(--button-radius);
1066
+ color: var(--light-blue-color);
1067
+ background: var(--opacity-blue-bg);
1068
+ }
1069
+ :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--danger {
1070
+ background-color: var(--opacity-blue-bg) !important;
1071
+ border: 1px solid var(--light-blue-color);
1072
+ }
1073
+ :root[theme-mode="dark"] .form-section .submit-btns-box .el-button--default:hover,
1074
+ :root[theme-mode="dark"] .form-section .submit-btns-box .is-plain:hover {
1075
+ background: var(--opacity-blue-bg);
1076
+ border: 1px solid var(--light-blue-color);
1077
+ color: #409EFF;
1078
+ }
1079
+ :root[theme-mode="dark"] .el-form-item__content .el-button--default {
1080
+ border: 1px solid var(--light-blue-color);
1081
+ border-radius: var(--button-radius);
1082
+ color: var(--light-blue-color);
1083
+ background: var(--opacity-blue-bg) !important;
1084
+ }
1085
+ :root[theme-mode="dark"] .mb8 .el-button--success.is-plain.is-disabled,
1086
+ :root[theme-mode="dark"] .mb8 .el-button--danger.is-plain.is-disabled,
1087
+ :root[theme-mode="dark"] .mb8 .el-button--default {
1088
+ background: var(--opacity-blue-bg) !important;
1089
+ color: var(--light-blue-color);
1090
+ border: 1px solid var(--light-blue-color);
1091
+ border-radius: var(--button-radius);
1092
+ }
1093
+ :root[theme-mode="dark"] .mb8 .el-button--success,
1094
+ :root[theme-mode="dark"] .mb8 .el-button--danger {
1095
+ background: var(--opacity-blue-bg);
1096
+ border: 1px solid var(--light-blue-color);
1097
+ border-radius: var(--button-radius);
1098
+ }
1099
+ :root[theme-mode="dark"] .el-button--warning.is-plain {
1100
+ background: transparent !important;
1101
+ border: 1px solid var(--light-blue-color) !important;
1102
+ color: var(--primary-btn) !important;
1103
+ }
1043
1104
  :root[theme-mode="dark"] .el-range-editor.el-input__inner {
1044
1105
  background: var(--opacity-blue-bg-2);
1045
1106
  }
@@ -1107,7 +1168,8 @@
1107
1168
  border-color: var(--light-blue-color);
1108
1169
  background-color: rgba(0, 222, 240, 0.6);
1109
1170
  }
1110
- :root[theme-mode="dark"] .el-textarea__inner {
1171
+ :root[theme-mode="dark"] .el-textarea__inner,
1172
+ :root[theme-mode="dark"] .el-input__inner {
1111
1173
  background-color: transparent;
1112
1174
  border: 1px solid var(--light-blue-color);
1113
1175
  color: var(--light-blue-color);
@@ -1147,6 +1209,16 @@
1147
1209
  height: 44px;
1148
1210
  line-height: 44px;
1149
1211
  }
1212
+ :root[theme-mode="dark"] .el-table__fixed-right th > .cell {
1213
+ background: var(--el-dialog-color);
1214
+ color: #FFFFFF;
1215
+ }
1216
+ :root[theme-mode="dark"] .el-table__fixed-right .el-table__fixed-right-patch {
1217
+ width: 0 !important;
1218
+ }
1219
+ :root[theme-mode="dark"] .el-table__body tr.hover-row > td.el-table__cell {
1220
+ background: var(--opacity-blue-bg) !important;
1221
+ }
1150
1222
  :root[theme-mode="dark"] .el-table::before {
1151
1223
  display: none;
1152
1224
  }
@@ -1197,7 +1269,11 @@
1197
1269
  background: var(--td-gray-color-9) !important;
1198
1270
  }
1199
1271
  :root[theme-mode="dark"] .t-menu__item.t-is-active {
1200
- color: var(--light-blue-color);
1272
+ color: #FFFFFF;
1273
+ }
1274
+ :root[theme-mode="dark"] .t-menu__item.t-is-active .t-menu__content,
1275
+ :root[theme-mode="dark"] .t-menu__item.t-is-active .svg-icon {
1276
+ color: #FFFFFF !important;
1201
1277
  }
1202
1278
  :root[theme-mode="dark"] .t-tabs__nav--card.t-tabs__nav-item.t-is-active {
1203
1279
  color: var(--white-color);
@@ -1223,6 +1299,7 @@
1223
1299
  }
1224
1300
  :root[theme-mode="dark"] .el-pagination.is-background .btn-next,
1225
1301
  :root[theme-mode="dark"] .el-pagination.is-background .btn-prev,
1302
+ :root[theme-mode="dark"] .el-pagination.is-background .el-input__inner,
1226
1303
  :root[theme-mode="dark"] .el-pagination.is-background .el-pager li {
1227
1304
  color: var(--light-blue-color);
1228
1305
  font-weight: 500;
@@ -1239,8 +1316,10 @@
1239
1316
  bottom: 0;
1240
1317
  }
1241
1318
  :root[theme-mode="dark"] .custom__input--high-light .el-input__inner {
1242
- background: transparent;
1319
+ background-color: transparent;
1320
+ border: 1px solid var(--light-blue-color);
1243
1321
  color: var(--light-blue-color);
1322
+ border-radius: var(--button-radius);
1244
1323
  }
1245
1324
  :root[theme-mode="dark"] .custom__input--high-light .el-input.is-disabled .el-input__inner {
1246
1325
  background: transparent;
@@ -1250,6 +1329,9 @@
1250
1329
  background: linear-gradient(to bottom, rgba(0, 162, 218, 0.3), rgba(0, 162, 218, 0.6));
1251
1330
  border: 1px solid gray;
1252
1331
  }
1332
+ :root[theme-mode="dark"] .el-message-box p {
1333
+ color: #FFFFFF;
1334
+ }
1253
1335
  :root[theme-mode="dark"] .el-message-box__title {
1254
1336
  color: #ffffff;
1255
1337
  }
@@ -1267,10 +1349,16 @@
1267
1349
  color: var(--light-blue-color);
1268
1350
  }
1269
1351
  :root[theme-mode="dark"] .el-dialog__header {
1270
- background: var(--dialog-header);
1352
+ background: transparent;
1271
1353
  border-bottom: 1px solid var(--dialog-header-border);
1272
1354
  padding: 10px 20px;
1273
1355
  }
1356
+ :root[theme-mode="dark"] .el-dialog__footer .el-button--default {
1357
+ border: 1px solid var(--light-blue-color);
1358
+ border-radius: var(--button-radius);
1359
+ color: var(--light-blue-color);
1360
+ background: var(--opacity-blue-bg);
1361
+ }
1274
1362
  :root[theme-mode="dark"] .el-dialog__body {
1275
1363
  color: rgba(255, 255, 255, 0.5);
1276
1364
  padding: 0 10px;
@@ -1284,6 +1372,11 @@
1284
1372
  :root[theme-mode="dark"] .addwork .el-form-item__content {
1285
1373
  margin-left: 0 !important;
1286
1374
  }
1375
+ :root[theme-mode="dark"] .el-form-item__content .el-input-group__append {
1376
+ background: transparent;
1377
+ border: 1px solid var(--light-blue-color);
1378
+ border-left: none;
1379
+ }
1287
1380
  :root[theme-mode="dark"] .headerinfo {
1288
1381
  width: 25%;
1289
1382
  border-bottom: 1px solid #0dcea5;
@@ -1291,6 +1384,12 @@
1291
1384
  margin-bottom: 10px;
1292
1385
  color: #0dcea5;
1293
1386
  }
1387
+ :root[theme-mode="dark"] .el-input--small > .el-input__inner {
1388
+ background-color: transparent;
1389
+ border: 1px solid var(--light-blue-color);
1390
+ color: var(--light-blue-color);
1391
+ border-radius: var(--button-radius);
1392
+ }
1294
1393
  :root[theme-mode="dark"] .el-input-number__increase {
1295
1394
  background: var(--opacity-blue-bg);
1296
1395
  color: #FFFFFF;
@@ -1300,12 +1399,13 @@
1300
1399
  :root[theme-mode="dark"] .el-input-number__decrease {
1301
1400
  background: var(--opacity-blue-bg);
1302
1401
  color: #FFFFFF;
1303
- border-top: 1px solid var(--light-blue-color);
1304
- border-left: 1px solid var(--light-blue-color);
1402
+ border-right: 1px solid var(--light-blue-color) !important;
1403
+ border-left: 1px solid var(--light-blue-color) !important;
1305
1404
  }
1306
1405
  :root[theme-mode="dark"] .el-upload {
1307
1406
  width: 100%;
1308
1407
  margin-top: 10px;
1408
+ background: transparent;
1309
1409
  }
1310
1410
  :root[theme-mode="dark"] .el-upload .el-upload-dragger {
1311
1411
  width: 100%;
@@ -1548,9 +1648,24 @@
1548
1648
  height: calc(100vh - 145px);
1549
1649
  }
1550
1650
  :root[theme-mode="dark"] .vue-treeselect__control {
1551
- height: var(--element-size-height);
1651
+ background-color: transparent;
1652
+ border: 1px solid var(--light-blue-color);
1552
1653
  border-radius: var(--button-radius);
1553
1654
  }
1655
+ :root[theme-mode="dark"] .vue-treeselect__control .vue-treeselect__single-value {
1656
+ color: var(--light-blue-color);
1657
+ }
1658
+ :root[theme-mode="dark"] .vue-treeselect__menu {
1659
+ border: 1px solid var(--light-blue-color);
1660
+ background: linear-gradient(to right, rgba(0, 63, 108, 0.8), rgba(1, 49, 86, 0.8));
1661
+ color: #FFFFFF;
1662
+ }
1663
+ :root[theme-mode="dark"] .vue-treeselect__option--highlight {
1664
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
1665
+ }
1666
+ :root[theme-mode="dark"] .vue-treeselect--single .vue-treeselect__option--selected {
1667
+ background: linear-gradient(to right, rgba(2, 30, 54, 0.2), rgba(0, 144, 188, 0.8));
1668
+ }
1554
1669
  :root[theme-mode="dark"] .custom__input--high-light .vue-treeselect__control {
1555
1670
  background: var(--opacity-blue-bg);
1556
1671
  color: var(--light-blue-color);
@@ -1576,7 +1691,7 @@
1576
1691
  color: #FFFFFF;
1577
1692
  }
1578
1693
  :root[theme-mode="dark"] .el-card {
1579
- background: transparent;
1694
+ background: transparent !important;
1580
1695
  color: #FFFFFF;
1581
1696
  }
1582
1697
  :root[theme-mode="dark"] .el-card .el-card__header {
@@ -1594,6 +1709,13 @@
1594
1709
  :root[theme-mode="dark"] .el-card .el-tabs__item.is-active {
1595
1710
  color: #409EFF;
1596
1711
  }
1712
+ :root[theme-mode="dark"] .el-card .form-title::before {
1713
+ background: linear-gradient(to bottom, transparent, rgba(0, 118, 162, 0.34));
1714
+ color: #FFFFFF;
1715
+ }
1716
+ :root[theme-mode="dark"] .title {
1717
+ color: #fff;
1718
+ }
1597
1719
  :root[theme-mode="dark"] .vxe-table .vxe-table--header-wrapper {
1598
1720
  color: #00def0;
1599
1721
  }
@@ -1686,6 +1808,11 @@
1686
1808
  :root[theme-mode="dark"] .vxe-loading {
1687
1809
  background-color: transparent;
1688
1810
  }
1811
+ :root[theme-mode="dark"] .top-right-btn .el-row .el-button {
1812
+ background: transparent;
1813
+ border: 1px solid var(--light-blue-color);
1814
+ color: var(--light-blue-color);
1815
+ }
1689
1816
  .t-layout.tdesign-starter-layout {
1690
1817
  overflow-y: auto;
1691
1818
  }