@cloud-app-dev/vidc 3.0.45 → 3.1.1

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.
Files changed (16) hide show
  1. package/.umirc.ts +2 -104
  2. package/es/ThemeAntd/demo.css +16 -0
  3. package/es/ThemeAntd/demo.d.ts +3 -0
  4. package/es/ThemeAntd/demo.js +102 -0
  5. package/es/ThemeAntd/index.css +162 -118
  6. package/es/ThemeAntd/style/button.css +1 -1
  7. package/es/ThemeAntd/style/checkbox.css +19 -19
  8. package/es/ThemeAntd/style/input.css +26 -20
  9. package/es/ThemeAntd/style/pagination.css +43 -17
  10. package/es/ThemeAntd/style/picker.css +16 -14
  11. package/es/ThemeAntd/style/popover.css +1 -1
  12. package/es/ThemeAntd/style/radio.css +31 -22
  13. package/es/ThemeAntd/style/select.css +20 -19
  14. package/es/ThemeAntd/style/table.css +1 -1
  15. package/package.json +1 -1
  16. package/theme-config.ts +118 -0
package/es/ThemeAntd/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  div .cloudapp-btn {
2
- border-radius: var(--redius1);
2
+ border-radius: var(--radius1);
3
3
  }
4
4
  div .cloudapp-btn:hover,
5
5
  div .cloudapp-btn:focus {
@@ -48,13 +48,13 @@ div .cloudapp-checkbox {
48
48
  color: inherit;
49
49
  }
50
50
  div .cloudapp-checkbox-checked .cloudapp-checkbox-inner {
51
- border-color: var(--primary);
52
- background-color: var(--primary);
51
+ border-color: var(--form-active-bg);
52
+ background-color: var(--form-active-bg);
53
53
  }
54
54
  div .cloudapp-checkbox-inner {
55
- border-radius: var(--redius1);
56
- background-color: var(--gray1);
57
- border-color: var(--gray3);
55
+ border-radius: var(--radius1);
56
+ background-color: var(--form-bg);
57
+ border-color: var(--form-bd);
58
58
  }
59
59
  div .cloudapp-checkbox-wrapper {
60
60
  color: inherit;
@@ -64,46 +64,46 @@ div .cloudapp-checkbox-disabled + span {
64
64
  opacity: 0.8;
65
65
  }
66
66
  div .cloudapp-checkbox-disabled.cloudapp-checkbox-checked .cloudapp-checkbox-inner::after {
67
- border-color: var(--gray3);
67
+ border-color: var(--form-bd);
68
68
  }
69
69
  div .cloudapp-checkbox-wrapper:hover .cloudapp-checkbox-inner,
70
70
  div .cloudapp-checkbox:hover .cloudapp-checkbox-inner,
71
71
  div .cloudapp-checkbox-input:focus + .cloudapp-checkbox-inner {
72
- border-color: var(--primary);
72
+ border-color: var(--form-active-bg);
73
73
  }
74
74
  div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner::after {
75
- background-color: var(--primary);
75
+ background-color: var(--form-active-bg);
76
76
  }
77
77
  div .cloudapp-checkbox-disabled .cloudapp-checkbox-inner {
78
- background-color: var(--gray1);
78
+ background-color: var(--form-bg);
79
79
  opacity: 0.8;
80
80
  }
81
81
  div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner {
82
82
  background-color: #fff;
83
- border-color: var(--bd-color) !important;
83
+ border-color: var(--form-bd) !important;
84
84
  }
85
85
  div .cloudapp-tree-checkbox-inner {
86
- border-color: var(--gray3);
87
- border-radius: var(--redius1);
86
+ border-color: var(--form-bd);
87
+ border-radius: var(--radius1);
88
88
  }
89
89
  div .cloudapp-tree-checkbox-wrapper:hover .cloudapp-tree-checkbox-inner,
90
90
  div .cloudapp-tree-checkbox:hover .cloudapp-tree-checkbox-inner,
91
91
  div .cloudapp-tree-checkbox-input:focus + .cloudapp-tree-checkbox-inner {
92
- border-color: var(--primary);
92
+ border-color: var(--form-active-bg);
93
93
  }
94
94
  div .cloudapp-tree-checkbox-checked .cloudapp-tree-checkbox-inner {
95
- border-color: var(--primary);
96
- background-color: var(--primary);
95
+ border-color: var(--form-active-bg);
96
+ background-color: var(--form-active-bg);
97
97
  }
98
98
  div .cloudapp-tree-checkbox-disabled .cloudapp-tree-checkbox-inner {
99
- background-color: var(--bg-lv1);
100
- border-color: var(--gray3);
99
+ background-color: var(--form-bg);
100
+ border-color: var(--form-bd);
101
101
  }
102
102
  div .cloudapp-tree-checkbox-indeterminate .cloudapp-tree-checkbox-inner::after {
103
- background-color: var(--primary);
103
+ background-color: var(--form-active-bg);
104
104
  }
105
105
  div .cloudapp-checkbox-checked::after {
106
- border-color: var(--primary);
106
+ border-color: var(--form-active-bg);
107
107
  }
108
108
  div .cloudapp-checkbox-group {
109
109
  color: inherit;
@@ -120,57 +120,63 @@ div .cloudapp-form-item {
120
120
  }
121
121
  div .cloudapp-input {
122
122
  color: inherit;
123
- border-radius: var(--redius1);
124
- border-color: var(--gray3);
125
- background-color: var(--gray1);
123
+ border-radius: var(--radius1);
124
+ border-color: var(--form-bd);
125
+ background-color: var(--form-bg);
126
+ }
127
+ div .cloudapp-input-affix-wrapper:not(.cloudapp-input-affix-wrapper-disabled):hover {
128
+ border-color: var(--form-active-bg);
126
129
  }
127
130
  div .cloudapp-input:hover {
128
- border-color: var(--primary);
131
+ border-color: var(--form-active-bg);
129
132
  }
130
133
  div .cloudapp-input:focus,
131
134
  div .cloudapp-input-focused {
132
- border-color: var(--primary);
135
+ border-color: var(--form-active-bg);
136
+ box-shadow: unset;
133
137
  }
134
138
  div .cloudapp-input-affix-wrapper {
135
- background-color: var(--gray1);
139
+ background-color: var(--form-bg);
136
140
  color: inherit;
137
- border-radius: var(--redius1);
138
- border-color: var(--gray3);
141
+ border-radius: var(--radius1);
142
+ border-color: var(--form-bd);
139
143
  }
140
144
  div .cloudapp-input-affix-wrapper:hover {
141
- border-color: var(--primary);
145
+ border-color: var(--form-active-bg);
142
146
  }
143
147
  div .cloudapp-input-affix-wrapper:focus,
144
148
  div .cloudapp-input-affix-wrapper-focused {
145
- border-color: var(--primary);
149
+ border-color: var(--form-active-bg);
150
+ box-shadow: unset;
146
151
  }
147
152
  div .cloudapp-input[disabled] {
148
- background-color: var(--gray1);
153
+ background-color: var(--form-bd);
149
154
  color: inherit;
150
- border-color: var(--gray3);
155
+ border-color: var(--form-bd);
151
156
  opacity: 0.7;
152
157
  }
153
158
  div .cloudapp-input-number {
154
159
  color: inherit;
155
- border-radius: var(--redius1);
156
- border-color: var(--gray3);
157
- background-color: var(--gray1);
160
+ border-radius: var(--radius1);
161
+ border-color: var(--form-bd);
162
+ background-color: var(--form-bg);
158
163
  }
159
164
  div .cloudapp-input-number:hover {
160
- border-color: var(--primary);
165
+ border-color: var(--form-active-bg);
161
166
  }
162
167
  div .cloudapp-input-number:focus,
163
168
  div .cloudapp-input-number-focused {
164
- border-color: var(--primary);
169
+ border-color: var(--form-active-bg);
170
+ box-shadow: unset;
165
171
  }
166
172
  div .cloudapp-input-number-handler-wrap {
167
- border-radius: 0 var(--form-redius) var(--form-redius) 0;
168
- background-color: var(--gray1);
173
+ border-radius: 0 var(--radius1) var(---redius1) 0;
174
+ background-color: var(--form-bg);
169
175
  color: inherit;
170
176
  }
171
177
  div .cloudapp-input-number-handler {
172
178
  color: inherit;
173
- border-top-color: var(--gray3);
179
+ border-top-color: var(--form-bd);
174
180
  }
175
181
  div .cloudapp-input-number-handler-up-inner,
176
182
  div .cloudapp-input-number-handler-down-inner {
@@ -183,71 +189,98 @@ div .cloudapp-pagination-prev,
183
189
  div .cloudapp-pagination-next,
184
190
  div .cloudapp-pagination-jump-prev,
185
191
  div .cloudapp-pagination-jump-next {
186
- border-radius: var(--redius1);
192
+ border-radius: var(--radius1);
187
193
  line-height: 28px;
188
194
  }
189
195
  div .cloudapp-pagination-prev .cloudapp-pagination-item-link,
190
196
  div .cloudapp-pagination-next .cloudapp-pagination-item-link {
191
- border-radius: var(--redius1);
197
+ border-radius: var(--radius1);
198
+ background-color: var(--form-bg);
199
+ border-color: var(--form-bd);
200
+ }
201
+ div .cloudapp-pagination-jump-prev .cloudapp-pagination-item-container .cloudapp-pagination-item-link-icon,
202
+ div .cloudapp-pagination-jump-next .cloudapp-pagination-item-container .cloudapp-pagination-item-link-icon {
203
+ color: var(--form-active-bg);
192
204
  }
193
205
  div .cloudapp-pagination-item {
194
- border-radius: var(--redius1);
206
+ border-radius: var(--radius1);
207
+ background-color: var(--form-bg);
208
+ border-color: var(--form-bd);
195
209
  }
196
- div .cloudapp-pagination-item-active {
197
- border-color: var(--primary);
210
+ div .cloudapp-pagination-item a {
211
+ color: inherit;
198
212
  }
199
- div .cloudapp-pagination-item-active a {
200
- color: var(--primary);
213
+ div .cloudapp-pagination-item-active {
214
+ border-color: var(--form-active-bg);
201
215
  }
202
216
  div .cloudapp-pagination-item:focus,
203
217
  div .cloudapp-pagination-item:hover {
204
- border-color: var(--primary);
218
+ border-color: var(--form-active-bg);
205
219
  }
206
220
  div .cloudapp-pagination-item:focus a,
207
221
  div .cloudapp-pagination-item:hover a {
208
- color: var(--primary);
222
+ color: #fff;
209
223
  }
210
- div .cloudapp-pagination-prev:focus .cloudapp-pagination-item-link,
211
- div .cloudapp-pagination-next:focus .cloudapp-pagination-item-link,
212
- div .cloudapp-pagination-prev:hover .cloudapp-pagination-item-link,
213
- div .cloudapp-pagination-next:hover .cloudapp-pagination-item-link {
214
- color: var(--primary);
215
- border-color: var(--primary);
224
+ div .cloudapp-pagination-prev:focus:not(.cloudapp-pagination-disabled) .cloudapp-pagination-item-link,
225
+ div .cloudapp-pagination-next:focus:not(.cloudapp-pagination-disabled) .cloudapp-pagination-item-link,
226
+ div .cloudapp-pagination-prev:hover:not(.cloudapp-pagination-disabled) .cloudapp-pagination-item-link,
227
+ div .cloudapp-pagination-next:hover:not(.cloudapp-pagination-disabled) .cloudapp-pagination-item-link {
228
+ background-color: var(--form-active-bg);
229
+ border-color: var(--form-active-bg);
230
+ color: #fff;
216
231
  }
217
232
  div .cloudapp-pagination-disabled .cloudapp-pagination-item-link,
218
233
  div .cloudapp-pagination-disabled:hover .cloudapp-pagination-item-link,
219
234
  div .cloudapp-pagination-disabled:focus .cloudapp-pagination-item-link {
220
- border-color: var(--gray8);
221
- color: var(--gray8);
235
+ border-color: var(--form-bd);
236
+ }
237
+ div .cloudapp-pagination-prev button,
238
+ div .cloudapp-pagination-next button {
239
+ color: inherit;
240
+ }
241
+ div .cloudapp-pagination-prev,
242
+ div .cloudapp-pagination-next,
243
+ div .cloudapp-pagination-jump-prev,
244
+ div .cloudapp-pagination-jump-next {
245
+ color: inherit;
246
+ }
247
+ div .cloudapp-pagination-disabled .cloudapp-pagination-item-link,
248
+ div .cloudapp-pagination-disabled:hover .cloudapp-pagination-item-link {
249
+ color: inherit;
250
+ }
251
+ div .cloudapp-pagination-jump-prev .cloudapp-pagination-item-container .cloudapp-pagination-item-ellipsis,
252
+ div .cloudapp-pagination-jump-next .cloudapp-pagination-item-container .cloudapp-pagination-item-ellipsis {
253
+ color: inherit;
222
254
  }
223
255
  div .cloudapp-picker {
224
- background-color: var(--gray1);
256
+ background-color: var(--form-bg);
225
257
  border-radius: var(--radius1);
226
258
  color: inherit;
227
259
  }
228
260
  div .cloudapp-picker:hover,
229
261
  div .cloudapp-picker-focused {
230
- border-color: var(--primary);
262
+ border-color: var(--form-active-bg);
231
263
  }
232
264
  div .cloudapp-picker-suffix {
233
265
  color: inherit;
234
266
  }
235
267
  div .cloudapp-picker-panel {
236
- background-color: var(--gray1);
237
- border-color: var(--gray3);
268
+ background-color: var(--form-bg);
269
+ border-color: var(--form-bd);
238
270
  }
239
271
  div .cloudapp-picker-panel .cloudapp-picker-footer {
240
- border-color: var(--gray3);
272
+ border-color: var(--form-bd);
241
273
  }
242
274
  div .cloudapp-picker-header {
243
- border-bottom-color: var(--gray3);
275
+ border-bottom-color: var(--form-bd);
244
276
  color: inherit;
245
277
  }
246
278
  div .cloudapp-picker-header button {
247
279
  color: inherit;
248
280
  }
249
281
  div .cloudapp-picker-panel-container {
250
- background-color: var(--gray1);
282
+ background-color: var(--form-bg);
283
+ border-radius: var(--radius1);
251
284
  }
252
285
  div .cloudapp-picker-dropdown {
253
286
  color: inherit;
@@ -265,36 +298,37 @@ div .cloudapp-picker-content th {
265
298
  color: inherit;
266
299
  }
267
300
  div .cloudapp-picker-today-btn {
268
- color: var(--primary);
301
+ color: var(--form-active-bg);
269
302
  }
270
303
  div .cloudapp-picker-cell .cloudapp-picker-cell-inner {
271
304
  border-radius: var(--radius1);
272
305
  }
273
306
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-today .cloudapp-picker-cell-inner::before {
274
307
  border-radius: var(--radius1);
308
+ border-color: var(--form-active-bg);
275
309
  }
276
310
  div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-in-view) .cloudapp-picker-cell-inner,
277
311
  div .cloudapp-picker-cell:hover:not(.cloudapp-picker-cell-selected):not(.cloudapp-picker-cell-range-start):not(.cloudapp-picker-cell-range-end):not(.cloudapp-picker-cell-range-hover-start):not(.cloudapp-picker-cell-range-hover-end) .cloudapp-picker-cell-inner {
278
- background-color: var(--form-bg-dark);
312
+ background-color: var(--form-bg);
279
313
  }
280
314
  div .cloudapp-picker-input > input {
281
315
  color: inherit;
282
316
  }
283
317
  div .cloudapp-picker-range-arrow::after {
284
- border-color: var(--gray1);
318
+ border-color: var(--form-bd);
285
319
  }
286
320
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-selected .cloudapp-picker-cell-inner,
287
321
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-start .cloudapp-picker-cell-inner,
288
322
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-end .cloudapp-picker-cell-inner {
289
- background-color: var(--primary);
323
+ background-color: var(--form-active-bg);
290
324
  }
291
325
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-start:not(.cloudapp-picker-cell-range-start-single)::before,
292
326
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-range-end:not(.cloudapp-picker-cell-range-end-single)::before {
293
- background-color: var(--primary);
327
+ background-color: var(--form-active-bg);
294
328
  opacity: 0.8;
295
329
  }
296
330
  div .cloudapp-picker-cell-in-view.cloudapp-picker-cell-in-range::before {
297
- background-color: var(--primary);
331
+ background-color: var(--form-active-bg);
298
332
  opacity: 0.8;
299
333
  }
300
334
  div .cloudapp-picker-focused .cloudapp-picker-separator {
@@ -304,47 +338,53 @@ div .cloudapp-picker-separator {
304
338
  color: inherit;
305
339
  }
306
340
  div .cloudapp-picker-range .cloudapp-picker-active-bar {
307
- background-color: var(--primary);
341
+ background-color: var(--form-active-bg);
308
342
  }
309
343
  div .cloudapp-popover-inner {
310
- border-radius: var(--redius1);
344
+ border-radius: var(--radius1);
345
+ }
346
+ div .cloudapp-radio {
347
+ color: inherit;
348
+ }
349
+ div .cloudapp-radio-group {
350
+ color: inherit;
311
351
  }
312
352
  div .cloudapp-radio-button-wrapper {
313
353
  outline: unset;
314
354
  }
315
355
  div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):hover {
316
- border-color: var(--primary);
317
- color: var(--primary);
356
+ border-color: var(--form-active-bg);
357
+ color: var(--form-active-bg);
318
358
  }
319
359
  div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled) {
320
- border-color: var(--primary);
321
- color: var(--primary);
322
- box-shadow: -1px 0 0 0 var(--primary);
360
+ border-color: var(--form-active-bg);
361
+ color: var(--form-active-bg);
362
+ box-shadow: -1px 0 0 0 var(--form-active-bg);
323
363
  }
324
364
  div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):first-child {
325
- border-color: var(--primary);
365
+ border-color: var(--form-active-bg);
326
366
  }
327
367
  div .cloudapp-radio-disabled .cloudapp-radio-inner::after {
328
- background-color: var(--gray3);
368
+ background-color: var(--form-bg);
329
369
  }
330
370
  div .cloudapp-radio-disabled .cloudapp-radio-inner {
331
- background-color: var(--gray1);
371
+ background-color: var(--form-bg);
332
372
  opacity: 0.8;
333
373
  }
334
374
  div .cloudapp-radio-button-wrapper:hover {
335
- color: var(--primary);
375
+ color: var(--form-active-bg);
336
376
  }
337
377
  div .cloudapp-radio-checked .cloudapp-radio-inner {
338
- border-color: var(--primary);
378
+ border-color: var(--form-active-bg);
339
379
  }
340
380
  div .cloudapp-radio-inner {
341
- background-color: var(--gray1);
381
+ background-color: var(--form-bg);
342
382
  }
343
383
  div .cloudapp-radio-inner::after {
344
- background-color: var(--primary);
384
+ background-color: var(--form-active-bg);
345
385
  }
346
386
  div .cloudapp-radio-checked::after {
347
- border-color: var(--primary);
387
+ border-color: var(--form-active-bg);
348
388
  }
349
389
  div .cloudapp-radio-wrapper {
350
390
  color: inherit;
@@ -356,29 +396,32 @@ div .cloudapp-radio-disabled + span {
356
396
  div .cloudapp-radio-wrapper:hover .cloudapp-radio,
357
397
  div .cloudapp-radio:hover .cloudapp-radio-inner,
358
398
  div .cloudapp-radio-input:focus + .cloudapp-radio-inner {
359
- border-color: var(--primary);
399
+ border-color: var(--form-active-bg);
360
400
  }
361
401
  div .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled)::before {
362
- background-color: var(--primary) !important;
402
+ background-color: var(--form-active-bg) !important;
363
403
  opacity: unset;
364
404
  }
365
405
  div .cloudapp-radio-group-solid .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled) {
366
- background-color: var(--primary);
367
- border-color: var(--primary);
406
+ background-color: var(--form-active-bg);
407
+ border-color: var(--form-active-bg);
368
408
  }
369
409
  div .cloudapp-radio-group-solid .cloudapp-radio-button-wrapper-checked:not(.cloudapp-radio-button-wrapper-disabled):hover {
370
- background-color: var(--primary-dark);
371
- border-color: var(--primary-dark);
372
- box-shadow: -1px 0 0 0 var(--primary);
410
+ background-color: var(--form-active-bg-dark);
411
+ border-color: var(--form-active-bg-dark);
412
+ box-shadow: -1px 0 0 0 var(--form-active-bg);
373
413
  }
374
414
  div .cloudapp-radio-button-wrapper-checked:not([class*=' cloudapp-radio-button-wrapper-disabled']).cloudapp-radio-button-wrapper:first-child {
375
- border-right-color: var(--primary);
415
+ border-right-color: var(--form-active-bg);
376
416
  }
377
417
  div .cloudapp-radio-button-wrapper:last-child {
378
418
  border-radius: 0 var(--form-redius) var(--form-redius) 0;
379
419
  }
380
420
  div .cloudapp-radio-button-wrapper:first-child {
381
- border-radius: var(--form-redius) 0 0 var(--redius1);
421
+ border-radius: var(--form-redius) 0 0 var(--radius1);
422
+ }
423
+ div .cloudapp-radio-input:focus + .cloudapp-radio-inner {
424
+ box-shadow: unset;
382
425
  }
383
426
  ::-webkit-scrollbar {
384
427
  width: 8px;
@@ -400,34 +443,34 @@ div .cloudapp-radio-button-wrapper:first-child {
400
443
  background: #999;
401
444
  }
402
445
  div .cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
403
- border-radius: var(--redius1);
404
- border-color: var(--gray3);
405
- background-color: var(--gray1);
446
+ border-radius: var(--radius1);
447
+ border-color: var(--form-bd);
448
+ background-color: var(--form-bg);
406
449
  }
407
450
  div .cloudapp-select-multiple .cloudapp-select-selector {
408
- border-radius: var(--redius1);
409
- border-color: var(--gray3);
410
- background-color: var(--gray1);
451
+ border-radius: var(--radius1);
452
+ border-color: var(--form-bd);
453
+ background-color: var(--form-bg);
411
454
  }
412
455
  div .cloudapp-select-multiple .cloudapp-select-selection-item {
413
- border-radius: var(--redius1);
414
- border-color: var(--gray3);
415
- background-color: var(--gray1);
456
+ border-radius: var(--radius1);
457
+ border-color: var(--form-bd);
458
+ background-color: var(--form-bg);
416
459
  }
417
460
  div .cloudapp-select:not(.cloudapp-select-disabled):hover .cloudapp-select-selector {
418
- border-color: var(--primary);
461
+ border-color: var(--form-active-bg);
419
462
  }
420
463
  div .cloudapp-select-focused.cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
421
- border-color: var(--primary);
464
+ border-color: var(--form-active-bg);
422
465
  }
423
466
  div .cloudapp-select-focused.cloudapp-select-multiple .cloudapp-select-selector {
424
- border-color: var(--primary);
467
+ border-color: var(--form-active-bg);
425
468
  }
426
469
  div .cloudapp-select-multiple .cloudapp-select-selection-item-remove {
427
470
  color: inherit;
428
471
  }
429
472
  div .cloudapp-select-multiple .cloudapp-select-selection-item-remove:hover {
430
- color: var(--primary);
473
+ color: var(--form-active-bg);
431
474
  }
432
475
  div .cloudapp-select {
433
476
  color: inherit;
@@ -437,24 +480,29 @@ div .cloudapp-select-arrow {
437
480
  color: inherit;
438
481
  }
439
482
  div .cloudapp-select-dropdown {
440
- background-color: var(--gray1);
483
+ background-color: var(--form-bg);
441
484
  color: inherit;
442
485
  }
443
486
  div .cloudapp-select-item {
444
487
  color: inherit;
445
488
  }
446
489
  div .cloudapp-select-item-option-active:not(.cloudapp-select-item-option-disabled) {
447
- background-color: var(--form-bg-dark);
490
+ background-color: var(--form-bg);
448
491
  }
449
492
  div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disabled) .cloudapp-select-item-option-state {
450
- color: var(--primary);
493
+ color: var(--form-active-bg);
451
494
  }
452
495
  div .cloudapp-select-item-option-selected:not(.cloudapp-select-item-option-disabled) {
453
- color: var(--primary);
454
- background-color: var(--gray8);
496
+ color: var(--form-active-bg);
497
+ background-color: transparent;
455
498
  }
456
499
  div .cloudapp-select-focused:not(.cloudapp-select-disabled).cloudapp-select-single:not(.cloudapp-select-customize-input) .cloudapp-select-selector {
457
- border-color: var(--primary);
500
+ border-color: var(--form-active-bg);
501
+ box-shadow: unset;
502
+ }
503
+ div .cloudapp-tree {
504
+ color: inherit;
505
+ background: transparent;
458
506
  }
459
507
  div .cloudapp-table {
460
508
  background-color: var(--table-bg);
@@ -485,17 +533,13 @@ div tr.cloudapp-table-expanded-row:hover > td {
485
533
  background-color: var(--table-row-hover-color);
486
534
  }
487
535
  div .cloudapp-table-row-expand-icon {
488
- border-radius: var(--redius1);
536
+ border-radius: var(--radius1);
489
537
  color: var(--primary);
490
538
  }
491
539
  div .cloudapp-table-row-expand-icon:focus,
492
540
  div .cloudapp-table-row-expand-icon:hover {
493
541
  color: var(--primary-dark);
494
542
  }
495
- div .cloudapp-tree {
496
- color: inherit;
497
- background: transparent;
498
- }
499
543
  :root {
500
544
  color: var(--color);
501
545
  }
package/es/ThemeAntd/style/button.css CHANGED
@@ -1,5 +1,5 @@
1
1
  div .cloudapp-btn {
2
- border-radius: var(--redius1);
2
+ border-radius: var(--radius1);
3
3
  }
4
4
  div .cloudapp-btn:hover,
5
5
  div .cloudapp-btn:focus {
package/es/ThemeAntd/style/checkbox.css CHANGED
@@ -2,13 +2,13 @@ div .cloudapp-checkbox {
2
2
  color: inherit;
3
3
  }
4
4
  div .cloudapp-checkbox-checked .cloudapp-checkbox-inner {
5
- border-color: var(--primary);
6
- background-color: var(--primary);
5
+ border-color: var(--form-active-bg);
6
+ background-color: var(--form-active-bg);
7
7
  }
8
8
  div .cloudapp-checkbox-inner {
9
- border-radius: var(--redius1);
10
- background-color: var(--gray1);
11
- border-color: var(--gray3);
9
+ border-radius: var(--radius1);
10
+ background-color: var(--form-bg);
11
+ border-color: var(--form-bd);
12
12
  }
13
13
  div .cloudapp-checkbox-wrapper {
14
14
  color: inherit;
@@ -18,46 +18,46 @@ div .cloudapp-checkbox-disabled + span {
18
18
  opacity: 0.8;
19
19
  }
20
20
  div .cloudapp-checkbox-disabled.cloudapp-checkbox-checked .cloudapp-checkbox-inner::after {
21
- border-color: var(--gray3);
21
+ border-color: var(--form-bd);
22
22
  }
23
23
  div .cloudapp-checkbox-wrapper:hover .cloudapp-checkbox-inner,
24
24
  div .cloudapp-checkbox:hover .cloudapp-checkbox-inner,
25
25
  div .cloudapp-checkbox-input:focus + .cloudapp-checkbox-inner {
26
- border-color: var(--primary);
26
+ border-color: var(--form-active-bg);
27
27
  }
28
28
  div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner::after {
29
- background-color: var(--primary);
29
+ background-color: var(--form-active-bg);
30
30
  }
31
31
  div .cloudapp-checkbox-disabled .cloudapp-checkbox-inner {
32
- background-color: var(--gray1);
32
+ background-color: var(--form-bg);
33
33
  opacity: 0.8;
34
34
  }
35
35
  div .cloudapp-checkbox-indeterminate .cloudapp-checkbox-inner {
36
36
  background-color: #fff;
37
- border-color: var(--bd-color) !important;
37
+ border-color: var(--form-bd) !important;
38
38
  }
39
39
  div .cloudapp-tree-checkbox-inner {
40
- border-color: var(--gray3);
41
- border-radius: var(--redius1);
40
+ border-color: var(--form-bd);
41
+ border-radius: var(--radius1);
42
42
  }
43
43
  div .cloudapp-tree-checkbox-wrapper:hover .cloudapp-tree-checkbox-inner,
44
44
  div .cloudapp-tree-checkbox:hover .cloudapp-tree-checkbox-inner,
45
45
  div .cloudapp-tree-checkbox-input:focus + .cloudapp-tree-checkbox-inner {
46
- border-color: var(--primary);
46
+ border-color: var(--form-active-bg);
47
47
  }
48
48
  div .cloudapp-tree-checkbox-checked .cloudapp-tree-checkbox-inner {
49
- border-color: var(--primary);
50
- background-color: var(--primary);
49
+ border-color: var(--form-active-bg);
50
+ background-color: var(--form-active-bg);
51
51
  }
52
52
  div .cloudapp-tree-checkbox-disabled .cloudapp-tree-checkbox-inner {
53
- background-color: var(--bg-lv1);
54
- border-color: var(--gray3);
53
+ background-color: var(--form-bg);
54
+ border-color: var(--form-bd);
55
55
  }
56
56
  div .cloudapp-tree-checkbox-indeterminate .cloudapp-tree-checkbox-inner::after {
57
- background-color: var(--primary);
57
+ background-color: var(--form-active-bg);
58
58
  }
59
59
  div .cloudapp-checkbox-checked::after {
60
- border-color: var(--primary);
60
+ border-color: var(--form-active-bg);
61
61
  }
62
62
  div .cloudapp-checkbox-group {
63
63
  color: inherit;