@semi-bot/semi-theme-fnos 1.1.0 → 1.1.2

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 (8) hide show
  1. package/README.md +2 -2
  2. package/package.json +1 -1
  3. package/raw.json +283 -272
  4. package/scss/_palette.scss +83 -83
  5. package/scss/global.scss +131 -129
  6. package/scss/local.scss +60 -55
  7. package/semi.css +345 -343
  8. package/semi.min.css +1 -1
package/semi.css CHANGED
@@ -8,9 +8,9 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
8
8
  --semi-red-3: 244,113,113;
9
9
  --semi-red-4: 235,66,66;
10
10
  --semi-red-5: 230,0,35;
11
- --semi-red-6: 204,0,0;
12
- --semi-red-7: 182,0,0;
13
- --semi-red-8: 155,0,0;
11
+ --semi-red-6: 199,33,18;
12
+ --semi-red-7: 164,17,10;
13
+ --semi-red-8: 128,6,4;
14
14
  --semi-red-9: 51,0,0;
15
15
  --semi-white: 255,255,255;
16
16
  --semi-blue-0: 230,244,255;
@@ -33,16 +33,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
33
33
  --semi-cyan-7: 0,121,148;
34
34
  --semi-cyan-8: 0,89,111;
35
35
  --semi-cyan-9: 0,58,74;
36
- --semi-grey-0: 249,249,249;
37
- --semi-grey-1: 245,245,245;
38
- --semi-grey-2: 241,241,241;
39
- --semi-grey-3: 233,233,233;
40
- --semi-grey-4: 205,205,205;
41
- --semi-grey-5: 165,165,165;
42
- --semi-grey-6: 118,118,118;
43
- --semi-grey-7: 95,95,95;
44
- --semi-grey-8: 74,74,74;
45
- --semi-grey-9: 25,25,25;
36
+ --semi-grey-0: 248,248,248;
37
+ --semi-grey-1: 242,243,244;
38
+ --semi-grey-2: 194,195,196;
39
+ --semi-grey-3: 159,160,161;
40
+ --semi-grey-4: 124,125,127;
41
+ --semi-grey-5: 90,91,92;
42
+ --semi-grey-6: 68,70,72;
43
+ --semi-grey-7: 47,49,51;
44
+ --semi-grey-8: 27,29,31;
45
+ --semi-grey-9: 14,14,15;
46
46
  --semi-lime-0: 241,251,231;
47
47
  --semi-lime-1: 224,246,197;
48
48
  --semi-lime-2: 198,237,142;
@@ -103,16 +103,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
103
103
  --semi-brand-7: 0,67,184;
104
104
  --semi-brand-8: 0,60,150;
105
105
  --semi-brand-9: 0,31,77;
106
- --semi-green-0: 224,243,234;
107
- --semi-green-1: 185,231,210;
108
- --semi-green-2: 124,207,171;
109
- --semi-green-3: 73,183,137;
110
- --semi-green-4: 32,159,108;
111
- --semi-green-5: 0,135,83;
112
- --semi-green-6: 0,95,62;
113
- --semi-green-7: 0,66,44;
114
- --semi-green-8: 0,48,32;
115
- --semi-green-9: 0,38,26;
106
+ --semi-green-0: 226,245,236;
107
+ --semi-green-1: 188,236,214;
108
+ --semi-green-2: 130,216,178;
109
+ --semi-green-3: 79,197,147;
110
+ --semi-green-4: 35,177,120;
111
+ --semi-green-5: 0,158,97;
112
+ --semi-green-6: 0,132,83;
113
+ --semi-green-7: 0,105,68;
114
+ --semi-green-8: 0,79,52;
115
+ --semi-green-9: 0,53,36;
116
116
  --semi-white-0: 255,255,255;
117
117
  --semi-white-1: 255,255,255;
118
118
  --semi-white-2: 255,255,255;
@@ -133,16 +133,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
133
133
  --semi-indigo-7: 41,49,142;
134
134
  --semi-indigo-8: 32,37,122;
135
135
  --semi-indigo-9: 23,27,101;
136
- --semi-orange-0: 255,249,235;
137
- --semi-orange-1: 255,240,204;
138
- --semi-orange-2: 255,222,153;
139
- --semi-orange-3: 255,200,102;
140
- --semi-orange-4: 255,175,51;
141
- --semi-orange-5: 255,146,0;
142
- --semi-orange-6: 213,111,0;
143
- --semi-orange-7: 170,80,0;
144
- --semi-orange-8: 128,54,0;
145
- --semi-orange-9: 85,32,0;
136
+ --semi-orange-0: 255,250,235;
137
+ --semi-orange-1: 255,241,204;
138
+ --semi-orange-2: 255,223,153;
139
+ --semi-orange-3: 255,202,102;
140
+ --semi-orange-4: 255,178,51;
141
+ --semi-orange-5: 255,150,0;
142
+ --semi-orange-6: 213,114,0;
143
+ --semi-orange-7: 170,83,0;
144
+ --semi-orange-8: 128,56,0;
145
+ --semi-orange-9: 85,33,0;
146
146
  --semi-purple-0: 253,244,255;
147
147
  --semi-purple-1: 249,222,255;
148
148
  --semi-purple-2: 241,189,255;
@@ -173,16 +173,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
173
173
  --semi-yellow-7: 170,151,31;
174
174
  --semi-yellow-8: 128,115,22;
175
175
  --semi-yellow-9: 85,78,14;
176
- --semi-neutral-0: 242,243,244;
177
- --semi-neutral-1: 227,228,230;
178
- --semi-neutral-2: 201,203,207;
179
- --semi-neutral-3: 174,178,183;
180
- --semi-neutral-4: 146,151,158;
176
+ --semi-neutral-0: 243,243,243;
177
+ --semi-neutral-1: 226,228,231;
178
+ --semi-neutral-2: 198,202,207;
179
+ --semi-neutral-3: 171,176,183;
180
+ --semi-neutral-4: 145,151,159;
181
181
  --semi-neutral-5: 120,126,135;
182
- --semi-neutral-6: 84,88,95;
183
- --semi-neutral-7: 48,50,54;
184
- --semi-neutral-8: 34,35,38;
185
- --semi-neutral-9: 24,25,27;
182
+ --semi-neutral-6: 98,105,115;
183
+ --semi-neutral-7: 78,84,94;
184
+ --semi-neutral-8: 59,64,74;
185
+ --semi-neutral-9: 41,45,53;
186
186
  --semi-light-blue-0: 233,247,254;
187
187
  --semi-light-blue-1: 202,235,252;
188
188
  --semi-light-blue-2: 149,214,249;
@@ -207,8 +207,8 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
207
207
 
208
208
  body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
209
209
  --semi-black: 0, 0, 0;
210
- --semi-red-0: 51,0,0;
211
- --semi-red-1: 155,0,0;
210
+ --semi-red-0: 95,7,8;
211
+ --semi-red-1: 131,15,13;
212
212
  --semi-red-2: 182,0,0;
213
213
  --semi-red-3: 204,0,0;
214
214
  --semi-red-4: 230,0,35;
@@ -238,16 +238,16 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
238
238
  --semi-cyan-7: 154,234,243;
239
239
  --semi-cyan-8: 203,245,249;
240
240
  --semi-cyan-9: 234,251,252;
241
- --semi-grey-0: 25,25,25;
242
- --semi-grey-1: 34,34,34;
243
- --semi-grey-2: 74,74,74;
244
- --semi-grey-3: 95,95,95;
245
- --semi-grey-4: 118,118,118;
246
- --semi-grey-5: 165,165,165;
247
- --semi-grey-6: 205,205,205;
248
- --semi-grey-7: 233,233,233;
249
- --semi-grey-8: 241,241,241;
250
- --semi-grey-9: 245,245,245;
241
+ --semi-grey-0: 12,12,13;
242
+ --semi-grey-1: 31,32,33;
243
+ --semi-grey-2: 46,47,48;
244
+ --semi-grey-3: 65,66,69;
245
+ --semi-grey-4: 90,91,92;
246
+ --semi-grey-5: 127,128,129;
247
+ --semi-grey-6: 161,162,163;
248
+ --semi-grey-7: 195,196,197;
249
+ --semi-grey-8: 230,230,231;
250
+ --semi-grey-9: 248,248,248;
251
251
  --semi-lime-0: 44,70,0;
252
252
  --semi-lime-1: 67,105,0;
253
253
  --semi-lime-2: 92,141,0;
@@ -298,26 +298,26 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
298
298
  --semi-black-7: 135,136,155;
299
299
  --semi-black-8: 192,192,205;
300
300
  --semi-black-9: 227,227,230;
301
- --semi-brand-0: 0,31,77;
302
- --semi-brand-1: 0,61,153;
301
+ --semi-brand-0: 0,37,112;
302
+ --semi-brand-1: 0,52,148;
303
303
  --semi-brand-2: 0,67,184;
304
- --semi-brand-3: 0,94,235;
304
+ --semi-brand-3: 0,84,219;
305
305
  --semi-brand-4: 0,102,255;
306
306
  --semi-brand-5: 51,136,255;
307
- --semi-brand-6: 102,163,255;
308
- --semi-brand-7: 153,194,255;
309
- --semi-brand-8: 204,224,255;
310
- --semi-brand-9: 229,240,255;
311
- --semi-green-0: 0,38,26;
312
- --semi-green-1: 0,48,32;
313
- --semi-green-2: 0,66,44;
314
- --semi-green-3: 0,95,62;
315
- --semi-green-4: 0,135,83;
316
- --semi-green-5: 32,159,108;
317
- --semi-green-6: 73,183,137;
318
- --semi-green-7: 124,207,171;
319
- --semi-green-8: 185,231,210;
320
- --semi-green-9: 224,243,234;
307
+ --semi-brand-6: 102,168,255;
308
+ --semi-brand-7: 153,199,255;
309
+ --semi-brand-8: 204,228,255;
310
+ --semi-brand-9: 235,244,255;
311
+ --semi-green-0: 2,54,37;
312
+ --semi-green-1: 4,81,55;
313
+ --semi-green-2: 7,107,72;
314
+ --semi-green-3: 9,134,88;
315
+ --semi-green-4: 0,158,97;
316
+ --semi-green-5: 48,180,127;
317
+ --semi-green-6: 89,199,153;
318
+ --semi-green-7: 137,217,183;
319
+ --semi-green-8: 193,236,217;
320
+ --semi-green-9: 228,246,237;
321
321
  --semi-indigo-0: 23,27,101;
322
322
  --semi-indigo-1: 32,37,122;
323
323
  --semi-indigo-2: 41,49,142;
@@ -328,16 +328,16 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
328
328
  --semi-indigo-7: 167,177,226;
329
329
  --semi-indigo-8: 209,215,241;
330
330
  --semi-indigo-9: 237,239,248;
331
- --semi-orange-0: 77,43,0;
332
- --semi-orange-1: 128,73,0;
333
- --semi-orange-2: 178,101,0;
334
- --semi-orange-3: 229,130,0;
335
- --semi-orange-4: 255,146,0;
336
- --semi-orange-5: 255,167,51;
337
- --semi-orange-6: 255,189,102;
338
- --semi-orange-7: 255,211,153;
339
- --semi-orange-8: 255,233,204;
340
- --semi-orange-9: 255,244,229;
331
+ --semi-orange-0: 85,35,3;
332
+ --semi-orange-1: 128,59,6;
333
+ --semi-orange-2: 170,88,10;
334
+ --semi-orange-3: 213,121,15;
335
+ --semi-orange-4: 255,150,0;
336
+ --semi-orange-5: 255,184,67;
337
+ --semi-orange-6: 255,206,114;
338
+ --semi-orange-7: 255,226,161;
339
+ --semi-orange-8: 255,242,208;
340
+ --semi-orange-9: 255,250,237;
341
341
  --semi-purple-0: 76,31,112;
342
342
  --semi-purple-1: 106,46,148;
343
343
  --semi-purple-2: 138,62,184;
@@ -368,9 +368,9 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
368
368
  --semi-yellow-7: 255,250,180;
369
369
  --semi-yellow-8: 255,254,217;
370
370
  --semi-yellow-9: 255,255,241;
371
- --semi-neutral-0: 24,25,27;
371
+ --semi-neutral-0: 26,28,30;
372
372
  --semi-neutral-1: 34,35,38;
373
- --semi-neutral-2: 48,50,54;
373
+ --semi-neutral-2: 48,51,54;
374
374
  --semi-neutral-3: 84,88,95;
375
375
  --semi-neutral-4: 120,126,135;
376
376
  --semi-neutral-5: 146,151,158;
@@ -401,15 +401,15 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
401
401
  }
402
402
 
403
403
  body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
404
- --semi-color-app: rgba(var(--semi-neutral-0),1);
405
- --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
404
+ --semi-color-app: rgba(var(--semi-grey-1),1);
405
+ --semi-color-bg-0: rgba(var(--semi-grey-0),1);
406
406
  --semi-color-bg-1: rgba(255,255,255,1);
407
407
  --semi-color-bg-2: rgba(255,255,255,1);
408
408
  --semi-color-bg-3: rgba(255,255,255,1);
409
409
  --semi-color-bg-4: rgba(255,255,255,1);
410
- --semi-color-info: rgba(var(--semi-brand-5),1);
410
+ --semi-color-info: rgba(var(--semi-brand-5), 1);
411
411
  --semi-color-link: rgba(var(--semi-brand-5),1);
412
- --semi-color-bg-anti: rgba(var(--semi-neutral-9), 1);
412
+ --semi-color-bg-anti: rgba(var(--semi-grey-9), 1);
413
413
  --semi-color-nav-bg: rgba(var(--semi-grey-0), 1);
414
414
  --semi-color-black: rgba(0,0,0,1);
415
415
  --semi-color-data-0: rgba(0,102,255,1);
@@ -422,16 +422,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
422
422
  --semi-color-data-7: rgba(0,179,178,1);
423
423
  --semi-color-data-8: rgba(0,135,83,1);
424
424
  --semi-color-data-9: rgba(230,155,255,1);
425
- --semi-color-fill-0: rgba(var(--semi-grey-5),0.08);
426
- --semi-color-fill-1: rgba(var(--semi-grey-5),0.12);
427
- --semi-color-fill-2: rgba(var(--semi-grey-5),0.16);
428
- --semi-color-fill-3: rgba(var(--semi-grey-5),0.32);
429
- --semi-color-text-0: rgba(var(--semi-neutral-9),1);
430
- --semi-color-text-1: rgba(var(--semi-neutral-9),0.75);
431
- --semi-color-text-2: rgba(var(--semi-neutral-9),0.5);
432
- --semi-color-text-3: rgba(var(--semi-neutral-9),0.25);
425
+ --semi-color-fill-0: rgba(var(--semi-grey-9),0.04);
426
+ --semi-color-fill-1: rgba(var(--semi-grey-9),0.06);
427
+ --semi-color-fill-2: rgba(var(--semi-grey-9),0.12);
428
+ --semi-color-fill-3: rgba(var(--semi-grey-9),0.2);
429
+ --semi-color-text-0: rgba(var(--semi-grey-9), 1);
430
+ --semi-color-text-1: rgba(var(--semi-grey-9),0.75);
431
+ --semi-color-text-2: rgba(var(--semi-grey-9),0.5);
432
+ --semi-color-text-3: rgba(var(--semi-grey-9),0.25);
433
433
  --semi-color-white: rgba(255,255,255,1);
434
- --semi-color-bg-avatar: rgba(var(--semi-grey-5),0.16);
434
+ --semi-color-bg-avatar: rgba(var(--semi-grey-5), 0.16);
435
435
  --semi-color-data-10: rgba(48,167,206,1);
436
436
  --semi-color-data-11: rgba(249, 192, 100, 1);
437
437
  --semi-color-data-12: rgba(177, 113, 249, 1);
@@ -443,11 +443,11 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
443
443
  --semi-color-data-18: rgba(212,88,212,1);
444
444
  --semi-color-data-19: rgba(188, 198, 255, 1);
445
445
  --semi-color-data-20: rgba(121,137,255, 1);
446
- --semi-color-border: rgba(var(--semi-grey-8), 0.16);
446
+ --semi-color-border: rgba(var(--semi-grey-9),0.12);
447
447
  --semi-color-danger: rgba(var(--semi-red-5),1);
448
448
  --semi-color-shadow: rgba(var(--semi-grey-9), 0.05);
449
- --semi-color-text-nav: rgba(var(--semi-neutral-9), 0.75);
450
- --semi-color-app-header: rgba(var(--semi-neutral-0),0);
449
+ --semi-color-text-nav: rgba(var(--semi-grey-9),0.75);
450
+ --semi-color-app-header: rgba(var(--semi-grey-1),0);
451
451
  --semi-color-bg-dropdown: rgba(255,255,255,1);
452
452
  --semi-color-black-10: rgba(0,0,0,0.1);
453
453
  --semi-color-black-20: rgba(0,0,0,0.2);
@@ -472,98 +472,99 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
472
472
  --semi-color-info-hover: rgba(var(--semi-brand-6), 1);
473
473
  --semi-color-link-hover: rgba(var(--semi-brand-6), 1);
474
474
  --semi-color-primary: rgba(var(--semi-brand-5),1);
475
- --semi-color-success: rgba(var(--semi-green-4),1);
475
+ --semi-color-success: rgba(var(--semi-green-5), 1);
476
476
  --semi-color-tab-HoverBg: rgba(var(--semi-grey-5),0.16);
477
477
  --semi-color-warning: rgba(var(--semi-amber-5), 1);
478
- --semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
479
- --semi-color-card-border: rgba(var(--semi-grey-8),0.08);
478
+ --semi-color-app-siderbar: rgba(var(--semi-grey-1),0);
479
+ --semi-color-card-border: rgba(var(--semi-grey-9),0.12);
480
480
  --semi-color-info-active: rgba(var(--semi-brand-7), 1);
481
481
  --semi-color-link-active: rgba(var(--semi-brand-7),1);
482
482
  --semi-color-app-container: rgba(255,255,255,1);
483
483
  --semi-color-bg-transparent: rgba(255,255,255,0);
484
- --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.12);
485
- --semi-color-divider-0: rgba(var(--semi-grey-8),0.22);
486
- --semi-color-divider-1: rgba(var(--semi-grey-8),0.16);
487
- --semi-color-divider-2: rgba(var(--semi-grey-8),0.08);
484
+ --semi-color-card-HoverBg: rgba(var(--semi-grey-9),0.06);
485
+ --semi-color-divider-0: rgba(var(--semi-grey-9),0.2);
486
+ --semi-color-divider-1: rgba(var(--semi-grey-9),0.12);
487
+ --semi-color-divider-2: rgba(var(--semi-grey-9),0.06);
488
488
  --semi-color-link-visited: rgba(var(--semi-brand-7),1);
489
489
  --semi-color-photo-toast: rgba(0,0,0,0.9);
490
490
  --semi-color-tab-DefaultBg: rgba(var(--semi-grey-5),0.05);
491
- --semi-color-tertiary: rgba(var(--semi-neutral-6), 1);
491
+ --semi-color-tertiary: rgba(var(--semi-grey-6), 1);
492
492
  --semi-color-card-ActiveBg: rgba(var(--semi-brand-5),0.12);
493
493
  --semi-color-focus-border: rgba(var(--semi-brand-5),1);
494
- --semi-color-info-disabled: rgba(var(--semi-grey-5),0.16);
494
+ --semi-color-info-disabled: rgba(var(--semi-brand-1),0.16);
495
495
  --semi-color-overlay-bg: rgba(0,0,0,0.7);
496
496
  --semi-color-tab-DisabledBg: rgba(var(--semi-grey-5),0.16);
497
497
  --semi-color-tab-SelectedBg: rgba(var(--semi-grey-9),1);
498
498
  --semi-color-Scrollbar: rgba(var(--semi-grey-5),0.16);
499
- --semi-color-border-hover: rgba(var(--semi-grey-8), 0.22);
500
- --semi-color-border-modal: rgba(var(--semi-grey-8),0.08);
501
- --semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.08);
499
+ --semi-color-border-hover: rgba(var(--semi-grey-9),0.2);
500
+ --semi-color-border-modal: rgba(var(--semi-grey-9),0.06);
501
+ --semi-color-card-DefaultBg: rgba(var(--semi-grey-9),0.04);
502
502
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
503
503
  --semi-color-highlight: rgba(var(--semi-grey-9), 1);
504
504
  --semi-color-input-HoverBg: rgba(255,255,255,1);
505
505
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
506
506
  --semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
507
507
  --semi-color-table-HoverBg: rgba(var(--semi-grey-5),0.08);
508
- --semi-color-border-active: rgba(var(--semi-grey-5),0.32);
509
- --semi-color-border-select: rgba(var(--semi-grey-8),0);
508
+ --semi-color-border-active: rgba(var(--semi-grey-9),0.24);
509
+ --semi-color-border-select: rgba(var(--semi-grey-9),0.06);
510
510
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
511
- --semi-color-disabled-bg: rgba(var(--semi-grey-5),0.16);
511
+ --semi-color-disabled-bg: rgba(var(--semi-grey-1),1);
512
512
  --semi-color-input-ActiveBg: rgba(255,255,255,1);
513
513
  --semi-color-table-ActiveBg: rgba(var(--semi-brand-5),0.12);
514
- --semi-color-card-borderHover: rgba(var(--semi-grey-8),0.22);
514
+ --semi-color-card-borderHover: rgba(var(--semi-grey-8),0.12);
515
515
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
516
516
  --semi-color-input-DefaultBg: rgba(255,255,255,1);
517
517
  --semi-color-photo-toastText: rgba(255,255,255,1);
518
518
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
519
- --semi-color-success-hover: rgba(var(--semi-green-5),1);
519
+ --semi-color-success-hover: rgba(var(--semi-green-6), 1);
520
520
  --semi-color-warning-hover: rgba(var(--semi-amber-6), 1);
521
521
  --semi-color-Component-bg: rgba(255,255,255,0.5);
522
522
  --semi-color-card-borderActive: rgba(var(--semi-brand-5),1);
523
523
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
524
- --semi-color-disabled-fill: rgba(var(--semi-grey-5), 0.16);
525
- --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.25);
524
+ --semi-color-disabled-fill: rgba(var(--semi-grey-9),0.04);
525
+ --semi-color-disabled-text: rgba(var(--semi-grey-9),0.25);
526
526
  --semi-color-highlight-bg: rgba(var(--semi-yellow-5),1);
527
527
  --semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.16);
528
528
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
529
- --semi-color-success-active: rgba(var(--semi-green-6),1);
529
+ --semi-color-success-active: rgba(var(--semi-green-7), 1);
530
530
  --semi-color-warning-active: rgba(var(--semi-amber-7), 1);
531
- --semi-color-tertiary-hover: rgba(var(--semi-neutral-7), 1);
531
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-7), 1);
532
532
  --semi-color-Component-card: rgba(255,255,255,0.9);
533
- --semi-color-disabled-border: rgba(var(--semi-grey-8), 0.16);
533
+ --semi-color-disabled-border: rgba(var(--semi-grey-9),0.12);
534
534
  --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
535
- --semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
536
- --semi-color-tertiary-active: rgba(var(--semi-neutral-8), 1);
535
+ --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
536
+ --semi-color-tertiary-active: rgba(var(--semi-grey-8), 1);
537
537
  --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
538
538
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
539
539
  --semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
540
540
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
541
- --semi-color-info-light-hover: rgba(var(--semi-brand-1),1);
541
+ --semi-color-info-light-hover: rgba(var(--semi-brand-2),0.3);
542
+ --semi-color-progress-defaultBg: rgba(var(--semi-grey-5),0.16);
542
543
  --semi-color-fndesktop-navbarBg: rgba(134,164,179,0.05);
543
- --semi-color-info-light-active: rgba(var(--semi-brand-2),1);
544
+ --semi-color-info-light-active: rgba(var(--semi-brand-2),0.4);
544
545
  --semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.16);
545
- --semi-color-info-light-default: rgba(var(--semi-brand-0),1);
546
+ --semi-color-info-light-default: rgba(var(--semi-brand-2),0.2);
546
547
  --semi-color-overlay-CustomPreview: rgba(0,0,0,0.9);
547
- --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
548
- --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
548
+ --semi-color-danger-light-hover: rgba(var(--semi-red-2),0.3);
549
+ --semi-color-danger-light-active: rgba(var(--semi-red-2),0.4);
549
550
  --semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.2);
550
- --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
551
- --semi-color-primary-light-hover: rgba(var(--semi-brand-1),1);
552
- --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
553
- --semi-color-warning-light-hover: rgba(var(--semi-amber-1), 1);
554
- --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
555
- --semi-color-success-light-active: rgba(var(--semi-green-2),1);
556
- --semi-color-warning-light-active: rgba(var(--semi-amber-2), 1);
557
- --semi-color-primary-light-default: rgba(var(--semi-brand-0),1);
558
- --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
559
- --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.16);
560
- --semi-color-warning-light-default: rgba(var(--semi-amber-0), 1);
561
- --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.32);
551
+ --semi-color-danger-light-default: rgba(var(--semi-red-2),0.2);
552
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-2),0.3);
553
+ --semi-color-success-light-hover: rgba(var(--semi-green-3),0.3);
554
+ --semi-color-warning-light-hover: rgba(var(--semi-orange-3),0.3);
555
+ --semi-color-primary-light-active: rgba(var(--semi-brand-2),0.4);
556
+ --semi-color-success-light-active: rgba(var(--semi-green-3),0.4);
557
+ --semi-color-warning-light-active: rgba(var(--semi-orange-3),0.4);
558
+ --semi-color-primary-light-default: rgba(var(--semi-brand-2),0.2);
559
+ --semi-color-success-light-default: rgba(var(--semi-green-3),0.2);
560
+ --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.3);
561
+ --semi-color-warning-light-default: rgba(var(--semi-orange-3),0.2);
562
+ --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.4);
562
563
  --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
563
- --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1), 1);
564
- --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.12);
565
- --semi-color-secondary-light-active: rgba(var(--semi-light-blue-2), 1);
566
- --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
564
+ --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5),0.3);
565
+ --semi-color-tertiary-light-default: rgba(var(--semi-grey-5),0.2);
566
+ --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5),0.4);
567
+ --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5),0.2);
567
568
  --semi-color-CheckboxPhoto-DefaultBorder: rgba(255,255,255,1);
568
569
  --semi-color-CheckboxPhoto-DefaultBgHover: rgba(255,255,255,0.7);
569
570
  --semi-color-CheckboxPhoto-DefaultBorderHover: rgba(255,255,255,0);
@@ -593,12 +594,12 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
593
594
 
594
595
  body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
595
596
  --semi-color-app: rgba(var(--semi-grey-0),1);
596
- --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
597
- --semi-color-bg-1: rgba(var(--semi-neutral-1), 1);
598
- --semi-color-bg-2: rgba(var(--semi-neutral-1), 1);
599
- --semi-color-bg-3: rgba(var(--semi-neutral-2), 1);
600
- --semi-color-bg-4: rgba(var(--semi-neutral-2), 1);
601
- --semi-color-info: rgba(var(--semi-brand-4),1);
597
+ --semi-color-bg-0: rgba(var(--semi-grey-0), 1);
598
+ --semi-color-bg-1: rgba(var(--semi-grey-1), 1);
599
+ --semi-color-bg-2: rgba(var(--semi-grey-1),1);
600
+ --semi-color-bg-3: rgba(var(--semi-grey-2),1);
601
+ --semi-color-bg-4: rgba(var(--semi-grey-3),1);
602
+ --semi-color-info: rgba(var(--semi-brand-4), 1);
602
603
  --semi-color-link: rgba(var(--semi-brand-4),1);
603
604
  --semi-color-bg-anti: rgba(255,255,255,1);
604
605
  --semi-color-nav-bg: rgba(var(--semi-grey-2), 1);
@@ -613,16 +614,16 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
613
614
  --semi-color-data-7: rgba(0,179,178,1);
614
615
  --semi-color-data-8: rgba(0,135,83,1);
615
616
  --semi-color-data-9: rgba(233,165,229,1);
616
- --semi-color-fill-0: rgba(var(--semi-grey-5),0.05);
617
- --semi-color-fill-1: rgba(var(--semi-grey-5),0.08);
618
- --semi-color-fill-2: rgba(var(--semi-grey-5),0.16);
619
- --semi-color-fill-3: rgba(var(--semi-grey-5),0.32);
617
+ --semi-color-fill-0: rgba(255,255,255,0.04);
618
+ --semi-color-fill-1: rgba(255,255,255,0.06);
619
+ --semi-color-fill-2: rgba(255,255,255,0.12);
620
+ --semi-color-fill-3: rgba(255,255,255,0.2);
620
621
  --semi-color-text-0: rgba(255,255,255,1);
621
- --semi-color-text-1: rgba(var(--semi-neutral-9),0.75);
622
- --semi-color-text-2: rgba(var(--semi-neutral-9),0.5);
623
- --semi-color-text-3: rgba(var(--semi-neutral-9),0.25);
622
+ --semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
623
+ --semi-color-text-2: rgba(var(--semi-neutral-9),0.6);
624
+ --semi-color-text-3: rgba(var(--semi-neutral-9),0.35);
624
625
  --semi-color-white: rgba(255,255,255,1);
625
- --semi-color-bg-avatar: rgba(var(--semi-neutral-5),0.16);
626
+ --semi-color-bg-avatar: rgba(255,255,255,0.06);
626
627
  --semi-color-data-10: rgba(48,167,206,1);
627
628
  --semi-color-data-11: rgba(249,192,100,1);
628
629
  --semi-color-data-12: rgba(177,113,249,1);
@@ -634,12 +635,12 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
634
635
  --semi-color-data-18: rgba(212,88,212,1);
635
636
  --semi-color-data-19: rgba(188,198,255,1);
636
637
  --semi-color-data-20: rgba(121,137,255,1);
637
- --semi-color-border: rgba(var(--semi-grey-5),0.16);
638
+ --semi-color-border: rgba(255,255,255,0.12);
638
639
  --semi-color-danger: rgba(var(--semi-red-4),1);
639
640
  --semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
640
- --semi-color-text-nav: rgba(var(--semi-neutral-9),0.75);
641
+ --semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
641
642
  --semi-color-app-header: rgba(var(--semi-grey-0),0);
642
- --semi-color-bg-dropdown: rgba(var(--semi-neutral-2), 1);
643
+ --semi-color-bg-dropdown: rgba(var(--semi-grey-2),1);
643
644
  --semi-color-black-10: rgba(0,0,0,0.1);
644
645
  --semi-color-black-20: rgba(0,0,0,0.2);
645
646
  --semi-color-black-30: rgba(0,0,0,0.3);
@@ -649,7 +650,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
649
650
  --semi-color-black-70: rgba(0,0,0,0.7);
650
651
  --semi-color-black-80: rgba(0,0,0,0.8);
651
652
  --semi-color-black-90: rgba(0,0,0,0.9);
652
- --semi-color-text-anti: rgba(var(--semi-neutral-0),1);
653
+ --semi-color-text-anti: rgba(var(--semi-grey-0),1);
653
654
  --semi-color-white-10: rgba(255,255,255,0.1);
654
655
  --semi-color-white-20: rgba(255,255,255,0.2);
655
656
  --semi-color-white-30: rgba(255,255,255,0.3);
@@ -660,96 +661,97 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
660
661
  --semi-color-white-80: rgba(255,255,255,0.8);
661
662
  --semi-color-white-90: rgba(255,255,255,0.9);
662
663
  --semi-color-default: rgba(var(--semi-grey-0), 1);
663
- --semi-color-info-hover: rgba(var(--semi-brand-3),1);
664
+ --semi-color-info-hover: rgba(var(--semi-brand-3), 1);
664
665
  --semi-color-link-hover: rgba(var(--semi-brand-3),1);
665
666
  --semi-color-primary: rgba(var(--semi-brand-4),1);
666
- --semi-color-success: rgba(var(--semi-green-5),1);
667
+ --semi-color-success: rgba(var(--semi-green-4),1);
667
668
  --semi-color-tab-HoverBg: rgba(var(--semi-grey-2), 1);
668
- --semi-color-warning: rgba(var(--semi-amber-4),1);
669
- --semi-color-app-siderbar: rgba(var(--semi-grey-0), 0);
670
- --semi-color-card-border: rgba(var(--semi-grey-5),0.16);
671
- --semi-color-info-active: rgba(var(--semi-brand-2),1);
669
+ --semi-color-warning: rgba(var(--semi-orange-4),1);
670
+ --semi-color-app-siderbar: rgba(var(--semi-grey-0),0);
671
+ --semi-color-card-border: rgba(255,255,255,0.12);
672
+ --semi-color-info-active: rgba(var(--semi-brand-2), 1);
672
673
  --semi-color-link-active: rgba(var(--semi-brand-2),1);
673
- --semi-color-app-container: rgba(var(--semi-grey-1), 1);
674
- --semi-color-bg-transparent: rgba(var(--semi-neutral-0), 0);
675
- --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.08);
676
- --semi-color-divider-0: rgba(var(--semi-grey-5),0.22);
677
- --semi-color-divider-1: rgba(var(--semi-grey-5),0.16);
678
- --semi-color-divider-2: rgba(var(--semi-grey-5),0.08);
674
+ --semi-color-app-container: rgba(var(--semi-grey-1),1);
675
+ --semi-color-bg-transparent: rgba(var(--semi-grey-0),0);
676
+ --semi-color-card-HoverBg: rgba(255,255,255,0.06);
677
+ --semi-color-divider-0: rgba(255,255,255,0.2);
678
+ --semi-color-divider-1: rgba(255,255,255,0.12);
679
+ --semi-color-divider-2: rgba(255,255,255,0.08);
679
680
  --semi-color-link-visited: rgba(var(--semi-brand-2),1);
680
681
  --semi-color-photo-toast: rgba(0,0,0,0.9);
681
682
  --semi-color-tab-DefaultBg: rgba(var(--semi-grey-1),1);
682
- --semi-color-tertiary: rgba(var(--semi-grey-5),0.08);
683
- --semi-color-card-ActiveBg: rgba(var(--semi-brand-4),0.12);
683
+ --semi-color-tertiary: rgba(255,255,255,0.08);
684
+ --semi-color-card-ActiveBg: rgba(var(--semi-brand-4),0.2);
684
685
  --semi-color-focus-border: rgba(var(--semi-brand-4),1);
685
- --semi-color-info-disabled: rgba(var(--semi-grey-5),0.16);
686
+ --semi-color-info-disabled: rgba(var(--semi-brand-1),0.16);
686
687
  --semi-color-overlay-bg: rgba(0,0,0,0.6);
687
688
  --semi-color-shadow-anti: rgba(0,0,0,0.7);
688
689
  --semi-color-tab-DisabledBg: rgba(var(--semi-grey-2), 1);
689
690
  --semi-color-tab-SelectedBg: rgba(var(--semi-grey-9), 1);
690
- --semi-color-Scrollbar: rgba(var(--semi-grey-5),0.16);
691
- --semi-color-border-hover: rgba(var(--semi-grey-5),0.22);
692
- --semi-color-border-modal: rgba(var(--semi-grey-5),0.16);
693
- --semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.05);
691
+ --semi-color-Scrollbar: rgba(255,255,255,0.12);
692
+ --semi-color-border-hover: rgba(255,255,255,0.2);
693
+ --semi-color-border-modal: rgba(255,255,255,0.12);
694
+ --semi-color-card-DefaultBg: rgba(255,255,255,0.05);
694
695
  --semi-color-danger-hover: rgba(var(--semi-red-3),1);
695
696
  --semi-color-highlight: rgba(var(--semi-white),1);
696
- --semi-color-input-HoverBg: rgba(var(--semi-neutral-1),1);
697
+ --semi-color-input-HoverBg: rgba(var(--semi-grey-1), 1);
697
698
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
698
699
  --semi-color-table-FocusBg: rgba(var(--semi-brand-4),0.2);
699
700
  --semi-color-table-HoverBg: rgba(var(--semi-grey-5),0.08);
700
- --semi-color-border-active: rgba(var(--semi-grey-5),0.32);
701
- --semi-color-border-select: rgba(var(--semi-grey-5),0.16);
701
+ --semi-color-border-active: rgba(255,255,255,0.24);
702
+ --semi-color-border-select: rgba(255,255,255,0.12);
702
703
  --semi-color-danger-active: rgba(var(--semi-red-2),1);
703
- --semi-color-disabled-bg: rgba(var(--semi-grey-5),0.16);
704
- --semi-color-input-ActiveBg: rgba(var(--semi-neutral-1),1);
704
+ --semi-color-disabled-bg: rgba(var(--semi-grey-2), 1);
705
+ --semi-color-input-ActiveBg: rgba(var(--semi-grey-0),1);
705
706
  --semi-color-table-ActiveBg: rgba(var(--semi-brand-4),0.12);
706
- --semi-color-card-borderHover: rgba(var(--semi-grey-5),0.22);
707
+ --semi-color-card-borderHover: rgba(255,255,255,0.22);
707
708
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
708
- --semi-color-input-DefaultBg: rgba(var(--semi-neutral-1),1);
709
+ --semi-color-input-DefaultBg: rgba(var(--semi-grey-1), 1);
709
710
  --semi-color-photo-toastText: rgba(255,255,255,1);
710
711
  --semi-color-primary-hover: rgba(var(--semi-brand-3),1);
711
- --semi-color-success-hover: rgba(var(--semi-green-4),1);
712
- --semi-color-warning-hover: rgba(var(--semi-amber-3),1);
712
+ --semi-color-success-hover: rgba(var(--semi-green-3),1);
713
+ --semi-color-warning-hover: rgba(var(--semi-orange-3),1);
713
714
  --semi-color-Component-bg: rgba(0,0,0,0.6);
714
715
  --semi-color-card-borderActive: rgba(var(--semi-brand-4),1);
715
716
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
716
- --semi-color-disabled-fill: rgba(var(--semi-neutral-5), 0.16);
717
- --semi-color-disabled-text: rgba(var(--semi-neutral-9),0.25);
717
+ --semi-color-disabled-fill: rgba(var(--semi-grey-8),0.04);
718
+ --semi-color-disabled-text: rgba(255,255,255,0.35);
718
719
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4),1);
719
- --semi-color-input-DisabledBg: rgba(var(--semi-neutral-5),0.16);
720
+ --semi-color-input-DisabledBg: rgba(var(--semi-grey-2),1);
720
721
  --semi-color-primary-active: rgba(var(--semi-brand-2),1);
721
- --semi-color-success-active: rgba(var(--semi-green-3),1);
722
- --semi-color-warning-active: rgba(var(--semi-amber-2),1);
723
- --semi-color-tertiary-hover: rgba(var(--semi-grey-5),0.16);
722
+ --semi-color-success-active: rgba(var(--semi-green-2),1);
723
+ --semi-color-warning-active: rgba(var(--semi-orange-2),1);
724
+ --semi-color-tertiary-hover: rgba(255,255,255,0.16);
724
725
  --semi-color-Component-card: rgba(12,13,13,0.6);
725
- --semi-color-disabled-border: rgba(var(--semi-grey-5),0.16);
726
+ --semi-color-disabled-border: rgba(255,255,255,0.12);
726
727
  --semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
727
- --semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
728
- --semi-color-tertiary-active: rgba(var(--semi-grey-5),0.2);
729
- --semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
728
+ --semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
729
+ --semi-color-tertiary-active: rgba(255,255,255,0.24);
730
+ --semi-color-Scrollbar-hover: rgba(255,255,255,0.2);
730
731
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
731
732
  --semi-color-overlay-CustomAnti: rgba(0,0,0,0.6);
732
733
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
733
734
  --semi-color-info-light-hover: rgba(var(--semi-brand-1),1);
735
+ --semi-color-progress-defaultBg: rgba(255,255,255,0.12);
734
736
  --semi-color-fndesktop-navbarBg: rgba(12,13,13,0.6);
735
737
  --semi-color-info-light-active: rgba(var(--semi-brand-2),1);
736
738
  --semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.16);
737
739
  --semi-color-info-light-default: rgba(var(--semi-brand-0),1);
738
740
  --semi-color-overlay-CustomPreview: rgba(0,0,0,0.9);
739
- --semi-color-danger-light-hover: rgba(var(--semi-red-1),1);
740
- --semi-color-danger-light-active: rgba(var(--semi-red-2),1);
741
+ --semi-color-danger-light-hover: rgba(var(--semi-red-0),0.3);
742
+ --semi-color-danger-light-active: rgba(var(--semi-red-0),0.4);
741
743
  --semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.05);
742
- --semi-color-danger-light-default: rgba(var(--semi-red-0),1);
743
- --semi-color-primary-light-hover: rgba(var(--semi-brand-1),1);
744
- --semi-color-success-light-hover: rgba(var(--semi-green-1),1);
745
- --semi-color-warning-light-hover: rgba(var(--semi-amber-1), 1);
746
- --semi-color-primary-light-active: rgba(var(--semi-brand-2),1);
747
- --semi-color-success-light-active: rgba(var(--semi-green-2),1);
748
- --semi-color-warning-light-active: rgba(var(--semi-amber-2), 1);
749
- --semi-color-primary-light-default: rgba(var(--semi-brand-0),1);
750
- --semi-color-success-light-default: rgba(var(--semi-green-0),1);
744
+ --semi-color-danger-light-default: rgba(var(--semi-red-0),0.2);
745
+ --semi-color-primary-light-hover: rgba(var(--semi-brand-1),0.3);
746
+ --semi-color-success-light-hover: rgba(var(--semi-green-1),0.3);
747
+ --semi-color-warning-light-hover: rgba(var(--semi-orange-5),0.3);
748
+ --semi-color-primary-light-active: rgba(var(--semi-brand-5),0.4);
749
+ --semi-color-success-light-active: rgba(var(--semi-green-5),0.4);
750
+ --semi-color-warning-light-active: rgba(var(--semi-orange-5),0.4);
751
+ --semi-color-primary-light-default: rgba(var(--semi-brand-5),0.2);
752
+ --semi-color-success-light-default: rgba(var(--semi-green-5),0.2);
751
753
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.16);
752
- --semi-color-warning-light-default: rgba(var(--semi-amber-0), 1);
754
+ --semi-color-warning-light-default: rgba(var(--semi-orange-5),0.2);
753
755
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.32);
754
756
  --semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
755
757
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1),1);
@@ -3629,7 +3631,7 @@ body, :host {
3629
3631
  border: 1px solid var(--semi-color-border);
3630
3632
  }
3631
3633
  .semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
3632
- color: var(--semi-color-text-0);
3634
+ color: var(--semi-color-text-1);
3633
3635
  }
3634
3636
  .semi-button-primary {
3635
3637
  background-color: var(--semi-color-primary);
@@ -3750,17 +3752,17 @@ body, :host {
3750
3752
  background-color: var(--semi-color-fill-1);
3751
3753
  }
3752
3754
  .semi-button-light {
3753
- background-color: var(--semi-color-tertiary-light-default);
3755
+ background-color: var(--semi-color-fill-1);
3754
3756
  border: 1px transparent solid;
3755
3757
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
3756
3758
  transform: scale(var(--semi-transform_scale-none));
3757
3759
  }
3758
3760
  .semi-button-light:not(.semi-button-disabled):hover {
3759
- background-color: var(--semi-color-tertiary-light-hover);
3761
+ background-color: var(--semi-color-fill-2);
3760
3762
  border: 1px var(--semi-color-bg-transparent) solid;
3761
3763
  }
3762
3764
  .semi-button-light:not(.semi-button-disabled):active {
3763
- background-color: var(--semi-color-tertiary-light-active);
3765
+ background-color: var(--semi-color-fill-3);
3764
3766
  border: 1px var(--semi-color-bg-transparent) solid;
3765
3767
  }
3766
3768
  .semi-button-size-small {
@@ -3860,7 +3862,7 @@ body, :host {
3860
3862
  background-color: var(--semi-color-disabled-bg);
3861
3863
  }
3862
3864
  .semi-button-group-line-light {
3863
- background-color: var(--semi-color-tertiary-light-default);
3865
+ background-color: var(--semi-color-fill-1);
3864
3866
  }
3865
3867
  .semi-button-group-line-borderless {
3866
3868
  background-color: transparent;
@@ -6171,9 +6173,9 @@ body, :host {
6171
6173
  width: 16px;
6172
6174
  height: 16px;
6173
6175
  margin: 0;
6174
- background: var(--semi-color-bg-1);
6176
+ background: var(--semi-color-bg-transparent);
6175
6177
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
6176
- box-shadow: inset 0 0 0 1px var(--semi-color-border);
6178
+ box-shadow: inset 0 0 0 1px var(--semi-color-text-3);
6177
6179
  border-radius: 4px;
6178
6180
  }
6179
6181
  .semi-checkbox-inner-display .semi-icon {
@@ -6181,7 +6183,7 @@ body, :host {
6181
6183
  }
6182
6184
  .semi-checkbox-inner-checked .semi-checkbox-inner-display {
6183
6185
  background: var(--semi-color-primary);
6184
- color: var(--semi-color-bg-1);
6186
+ color: var(--semi-color-white);
6185
6187
  box-shadow: inset 0 0 0 1px var(--semi-color-primary);
6186
6188
  border-radius: 4px;
6187
6189
  }
@@ -6194,15 +6196,15 @@ body, :host {
6194
6196
  .semi-checkbox:hover.semi-checkbox-indeterminate .semi-checkbox-inner-display {
6195
6197
  background: var(--semi-color-primary-hover);
6196
6198
  box-shadow: none;
6197
- color: var(--semi-color-bg-1);
6199
+ color: var(--semi-color-white);
6198
6200
  }
6199
6201
  .semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
6200
6202
  background: var(--semi-color-primary-hover);
6201
6203
  border-color: var(--semi-color-primary-hover);
6202
- color: var(--semi-color-bg-1);
6204
+ color: var(--semi-color-white);
6203
6205
  }
6204
6206
  .semi-checkbox:hover.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_enable .semi-checkbox-inner-display {
6205
- background: var(--semi-color-bg-1);
6207
+ background: var(--semi-color-white);
6206
6208
  }
6207
6209
  .semi-checkbox:active .semi-checkbox-inner-display {
6208
6210
  background: var(--semi-color-fill-1);
@@ -6210,16 +6212,16 @@ body, :host {
6210
6212
  .semi-checkbox:active.semi-checkbox-indeterminate .semi-checkbox-inner-display {
6211
6213
  background: var(--semi-color-primary-active);
6212
6214
  border-color: var(--semi-color-primary-active);
6213
- color: var(--semi-color-bg-1);
6215
+ color: var(--semi-color-white);
6214
6216
  box-shadow: none;
6215
6217
  }
6216
6218
  .semi-checkbox:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
6217
6219
  background: var(--semi-color-primary-active);
6218
6220
  border-color: var(--semi-color-primary-active);
6219
- color: var(--semi-color-bg-1);
6221
+ color: var(--semi-color-white);
6220
6222
  }
6221
6223
  .semi-checkbox:active.semi-checkbox-cardType.semi-checkbox-unChecked.semi-checkbox-cardType_enable .semi-checkbox-inner-display {
6222
- background: var(--semi-color-bg-1);
6224
+ background: var(--semi-color-white);
6223
6225
  }
6224
6226
  .semi-checkbox-cardType {
6225
6227
  flex-wrap: nowrap;
@@ -6291,19 +6293,19 @@ body, :host {
6291
6293
  }
6292
6294
  .semi-checkbox-indeterminate .semi-checkbox-inner-display, .semi-checkbox-checked .semi-checkbox-inner-display {
6293
6295
  background: var(--semi-color-primary);
6294
- color: var(--semi-color-bg-1);
6296
+ color: var(--semi-color-white);
6295
6297
  box-shadow: inset 0 0 0 1px var(--semi-color-primary);
6296
6298
  border-radius: 4px;
6297
6299
  }
6298
6300
  .semi-checkbox-indeterminate .semi-checkbox-inner-display:hover, .semi-checkbox-checked .semi-checkbox-inner-display:hover {
6299
6301
  background: var(--semi-color-primary-hover);
6300
6302
  border-color: var(--semi-color-primary-hover);
6301
- color: var(--semi-color-bg-1);
6303
+ color: var(--semi-color-white);
6302
6304
  }
6303
6305
  .semi-checkbox-indeterminate .semi-checkbox-inner-display:active, .semi-checkbox-checked .semi-checkbox-inner-display:active {
6304
6306
  background: var(--semi-color-primary-active);
6305
6307
  border-color: var(--semi-color-primary-active);
6306
- color: var(--semi-color-bg-1);
6308
+ color: var(--semi-color-white);
6307
6309
  }
6308
6310
  .semi-checkbox-indeterminate .semi-checkbox-inner-addon, .semi-checkbox-checked .semi-checkbox-inner-addon {
6309
6311
  color: var(--semi-color-text-0);
@@ -14704,7 +14706,7 @@ img[src=""], img:not([src]) {
14704
14706
  font-size: 14px;
14705
14707
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
14706
14708
  line-height: 20px;
14707
- background-color: var(--semi-color-bg-1);
14709
+ background-color: var(--semi-color-input-DefaultBg);
14708
14710
  border: 1px var(--semi-color-border) solid;
14709
14711
  border-radius: 6px;
14710
14712
  width: 100%;
@@ -14737,55 +14739,55 @@ img[src=""], img:not([src]) {
14737
14739
  line-height: 40px;
14738
14740
  }
14739
14741
  .semi-input-wrapper:hover {
14740
- background-color: var(--semi-color-bg-1);
14742
+ background-color: var(--semi-color-input-HoverBg);
14741
14743
  border-color: var(--semi-color-border-hover);
14742
14744
  }
14743
14745
  .semi-input-wrapper-focus {
14744
- background-color: var(--semi-color-bg-1);
14746
+ background-color: var(--semi-color-input-ActiveBg);
14745
14747
  border: var(--semi-color-focus-border) solid 1px;
14746
14748
  }
14747
14749
  .semi-input-wrapper-focus:hover {
14748
- background-color: var(--semi-color-bg-1);
14750
+ background-color: var(--semi-color-input-HoverBg);
14749
14751
  border-color: var(--semi-color-focus-border);
14750
14752
  }
14751
14753
  .semi-input-wrapper-focus:active {
14752
- background-color: var(--semi-color-bg-1);
14754
+ background-color: var(--semi-color-input-ActiveBg);
14753
14755
  border-color: var(--semi-color-focus-border);
14754
14756
  }
14755
14757
  .semi-input-wrapper.semi-input-readonly {
14756
14758
  cursor: default;
14757
14759
  }
14758
14760
  .semi-input-wrapper-error {
14759
- background-color: var(--semi-color-bg-1);
14760
- border-color: var(--semi-color-danger);
14761
+ background-color: var(--semi-color-danger-light-default);
14762
+ border-color: var(--semi-color-danger-light-default);
14761
14763
  }
14762
14764
  .semi-input-wrapper-error:hover {
14763
- background-color: var(--semi-color-bg-1);
14764
- border-color: var(--semi-color-danger-hover);
14765
+ background-color: var(--semi-color-danger-light-hover);
14766
+ border-color: var(--semi-color-danger-light-hover);
14765
14767
  }
14766
14768
  .semi-input-wrapper-error.semi-input-wrapper-focus {
14767
- background-color: var(--semi-color-bg-1);
14768
- border-color: var(--semi-color-danger-active);
14769
+ background-color: var(--semi-color-danger-light-default);
14770
+ border-color: var(--semi-color-danger);
14769
14771
  }
14770
14772
  .semi-input-wrapper-error:active {
14771
- background-color: var(--semi-color-bg-1);
14772
- border-color: var(--semi-color-danger-active);
14773
+ background-color: var(--semi-color-danger-light-active);
14774
+ border-color: var(--semi-color-danger);
14773
14775
  }
14774
14776
  .semi-input-wrapper-warning {
14775
- background-color: var(--semi-color-bg-1);
14776
- border-color: var(--semi-color-warning);
14777
+ background-color: var(--semi-color-warning-light-default);
14778
+ border-color: var(--semi-color-warning-light-default);
14777
14779
  }
14778
14780
  .semi-input-wrapper-warning:hover {
14779
- background-color: var(--semi-color-bg-1);
14780
- border-color: var(--semi-color-warning-hover);
14781
+ background-color: var(--semi-color-warning-light-hover);
14782
+ border-color: var(--semi-color-warning-light-hover);
14781
14783
  }
14782
14784
  .semi-input-wrapper-warning.semi-input-wrapper-focus {
14783
- background-color: var(--semi-color-bg-1);
14784
- border-color: var(--semi-color-warning-active);
14785
+ background-color: var(--semi-color-warning-light-default);
14786
+ border-color: var(--semi-color-warning);
14785
14787
  }
14786
14788
  .semi-input-wrapper-warning:active {
14787
- background-color: var(--semi-color-bg-1);
14788
- border-color: var(--semi-color-warning-active);
14789
+ background-color: var(--semi-color-warning-light-active);
14790
+ border-color: var(--semi-color-warning);
14789
14791
  }
14790
14792
  .semi-input-wrapper__with-prefix {
14791
14793
  display: inline-flex;
@@ -14867,18 +14869,18 @@ img[src=""], img:not([src]) {
14867
14869
  background-color: transparent;
14868
14870
  }
14869
14871
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input {
14870
- background-color: var(--semi-color-bg-1);
14872
+ background-color: var(--semi-color-input-DefaultBg);
14871
14873
  border: 1px transparent solid;
14872
14874
  }
14873
14875
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover {
14874
- background-color: var(--semi-color-bg-1);
14876
+ background-color: var(--semi-color-input-HoverBg);
14875
14877
  }
14876
14878
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:hover ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:hover ~ .semi-input-modebtn {
14877
- background-color: var(--semi-color-bg-1);
14879
+ background-color: var(--semi-color-input-HoverBg);
14878
14880
  }
14879
14881
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus {
14880
14882
  border: 1px var(--semi-color-focus-border) solid;
14881
- background-color: var(--semi-color-bg-1);
14883
+ background-color: var(--semi-color-input-ActiveBg);
14882
14884
  }
14883
14885
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus.semi-input-sibling-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus.semi-input-sibling-modebtn {
14884
14886
  border-right-style: none;
@@ -14888,7 +14890,7 @@ img[src=""], img:not([src]) {
14888
14890
  }
14889
14891
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus ~ .semi-input-modebtn {
14890
14892
  box-sizing: border-box;
14891
- background-color: var(--semi-color-bg-1);
14893
+ background-color: var(--semi-color-input-ActiveBg);
14892
14894
  }
14893
14895
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:focus + .semi-input-clearbtn {
14894
14896
  border: 1px var(--semi-color-focus-border) solid;
@@ -14907,13 +14909,13 @@ img[src=""], img:not([src]) {
14907
14909
  border-radius: 0;
14908
14910
  }
14909
14911
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active {
14910
- background-color: var(--semi-color-bg-1);
14912
+ background-color: var(--semi-color-input-ActiveBg);
14911
14913
  }
14912
14914
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input:active ~ .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input:active ~ .semi-input-modebtn {
14913
- background-color: var(--semi-color-bg-1);
14915
+ background-color: var(--semi-color-input-ActiveBg);
14914
14916
  }
14915
14917
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover {
14916
- background-color: var(--semi-color-bg-1);
14918
+ background-color: var(--semi-color-input-DefaultBg);
14917
14919
  }
14918
14920
  .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append .semi-input-modebtn:hover:last-child {
14919
14921
  border-radius: 0 6px 6px 0;
@@ -14922,33 +14924,33 @@ img[src=""], img:not([src]) {
14922
14924
  border-color: transparent;
14923
14925
  }
14924
14926
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input {
14925
- background-color: var(--semi-color-bg-1);
14926
- border-color: var(--semi-color-danger);
14927
+ background-color: var(--semi-color-danger-light-default);
14928
+ border-color: var(--semi-color-danger-light-default);
14927
14929
  }
14928
14930
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover {
14929
- background-color: var(--semi-color-bg-1);
14930
- border-color: var(--semi-color-danger-hover);
14931
+ background-color: var(--semi-color-danger-light-hover);
14932
+ border-color: var(--semi-color-danger-light-hover);
14931
14933
  }
14932
14934
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:hover + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:hover + .semi-input-modebtn {
14933
- background-color: var(--semi-color-bg-1);
14935
+ background-color: var(--semi-color-danger-light-hover);
14934
14936
  }
14935
14937
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus {
14936
- background-color: var(--semi-color-bg-1);
14937
- border-color: var(--semi-color-danger-active);
14938
+ background-color: var(--semi-color-danger-light-default);
14939
+ border-color: var(--semi-color-danger);
14938
14940
  }
14939
14941
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:focus + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:focus + .semi-input-modebtn {
14940
- background-color: var(--semi-color-bg-1);
14941
- border-color: var(--semi-color-danger-active);
14942
+ background-color: var(--semi-color-danger-light-default);
14943
+ border-color: var(--semi-color-danger);
14942
14944
  }
14943
14945
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active {
14944
- background-color: var(--semi-color-bg-1);
14946
+ background-color: var(--semi-color-danger-light-active);
14945
14947
  }
14946
14948
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input:active + .semi-input-modebtn {
14947
- background-color: var(--semi-color-bg-1);
14948
- border-color: var(--semi-color-danger-active);
14949
+ background-color: var(--semi-color-danger-light-active);
14950
+ border-color: var(--semi-color-danger);
14949
14951
  }
14950
14952
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover {
14951
- background-color: var(--semi-color-bg-1);
14953
+ background-color: var(--semi-color-danger-light-default);
14952
14954
  }
14953
14955
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-error .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-error .semi-input-modebtn:hover:last-child {
14954
14956
  border-radius: 0 6px 6px 0;
@@ -14957,33 +14959,33 @@ img[src=""], img:not([src]) {
14957
14959
  border-color: transparent;
14958
14960
  }
14959
14961
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input {
14960
- background-color: var(--semi-color-bg-1);
14961
- border-color: var(--semi-color-warning);
14962
+ background-color: var(--semi-color-warning-light-default);
14963
+ border-color: var(--semi-color-warning-light-default);
14962
14964
  }
14963
14965
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover {
14964
- background-color: var(--semi-color-bg-1);
14965
- border-color: var(--semi-color-warning-hover);
14966
+ background-color: var(--semi-color-warning-light-hover);
14967
+ border-color: var(--semi-color-warning-light-hover);
14966
14968
  }
14967
14969
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:hover + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:hover + .semi-input-modebtn {
14968
- background-color: var(--semi-color-bg-1);
14970
+ background-color: var(--semi-color-warning-light-hover);
14969
14971
  }
14970
14972
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus {
14971
- background-color: var(--semi-color-bg-1);
14972
- border-color: var(--semi-color-warning-active);
14973
+ background-color: var(--semi-color-warning-light-default);
14974
+ border-color: var(--semi-color-warning);
14973
14975
  }
14974
14976
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:focus + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:focus + .semi-input-modebtn {
14975
- background-color: var(--semi-color-bg-1);
14976
- border-color: var(--semi-color-warning-active);
14977
+ background-color: var(--semi-color-warning-light-default);
14978
+ border-color: var(--semi-color-warning);
14977
14979
  }
14978
14980
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active {
14979
- background-color: var(--semi-color-bg-1);
14981
+ background-color: var(--semi-color-warning-light-active);
14980
14982
  }
14981
14983
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input:active + .semi-input-modebtn {
14982
- background-color: var(--semi-color-bg-1);
14983
- border-color: var(--semi-color-warning-active);
14984
+ background-color: var(--semi-color-warning-light-active);
14985
+ border-color: var(--semi-color-warning);
14984
14986
  }
14985
14987
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover {
14986
- background-color: var(--semi-color-bg-1);
14988
+ background-color: var(--semi-color-warning-light-default);
14987
14989
  }
14988
14990
  .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-prepend.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-clearbtn:hover:last-child, .semi-input-wrapper.semi-input-wrapper__with-append.semi-input-wrapper-warning .semi-input-modebtn:hover:last-child {
14989
14991
  border-radius: 0 6px 6px 0;
@@ -15099,7 +15101,7 @@ img[src=""], img:not([src]) {
15099
15101
  height: 100%;
15100
15102
  display: flex;
15101
15103
  align-items: center;
15102
- background-color: var(--semi-color-bg-1);
15104
+ background-color: var(--semi-color-input-DefaultBg);
15103
15105
  color: var(--semi-color-text-2);
15104
15106
  font-size: 14px;
15105
15107
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -15245,10 +15247,10 @@ img[src=""], img:not([src]) {
15245
15247
  background-color: transparent;
15246
15248
  }
15247
15249
  .semi-input-borderless.semi-input-wrapper-error:not(:focus-within) {
15248
- border-color: var(--semi-color-danger-active);
15250
+ border-color: var(--semi-color-danger);
15249
15251
  }
15250
15252
  .semi-input-borderless.semi-input-wrapper-warning:not(:focus-within) {
15251
- border-color: var(--semi-color-warning-active);
15253
+ border-color: var(--semi-color-warning);
15252
15254
  }
15253
15255
 
15254
15256
  .semi-rtl .semi-input-wrapper,
@@ -17993,7 +17995,7 @@ img[src=""], img:not([src]) {
17993
17995
  box-sizing: border-box;
17994
17996
  width: 16px;
17995
17997
  height: 16px;
17996
- border: solid 1px var(--semi-color-border);
17998
+ border: solid 1px var(--semi-color-text-3);
17997
17999
  border-radius: 16px;
17998
18000
  background: var(--semi-color-bg-1);
17999
18001
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
@@ -18035,8 +18037,8 @@ img[src=""], img:not([src]) {
18035
18037
  }
18036
18038
  .semi-radio-addon-buttonRadio-checked {
18037
18039
  font-weight: 600;
18038
- background: var(--semi-color-bg-3);
18039
- color: var(--semi-color-primary);
18040
+ background: var(--semi-color-primary);
18041
+ color: var(--semi-color-text-0);
18040
18042
  }
18041
18043
  .semi-radio-addon-buttonRadio-disabled {
18042
18044
  cursor: not-allowed;
@@ -18170,7 +18172,7 @@ img[src=""], img:not([src]) {
18170
18172
  display: inline-block;
18171
18173
  margin: 0px;
18172
18174
  padding: 0px;
18173
- color: rgba(var(--semi-yellow-5), 1);
18175
+ color: var(--semi-color-highlight-bg);
18174
18176
  list-style: none;
18175
18177
  outline: none;
18176
18178
  border-radius: 3px;
@@ -18604,7 +18606,7 @@ img[src=""], img:not([src]) {
18604
18606
  font-weight: 600;
18605
18607
  }
18606
18608
  .semi-select-option:active {
18607
- background-color: var(--semi-color-input-ActiveBg);
18609
+ background-color: var(--semi-color-fill-1);
18608
18610
  }
18609
18611
  .semi-select-option-empty {
18610
18612
  cursor: not-allowed;
@@ -18622,7 +18624,7 @@ img[src=""], img:not([src]) {
18622
18624
  cursor: not-allowed;
18623
18625
  }
18624
18626
  .semi-select-option-disabled:hover {
18625
- background-color: var(--semi-color-input-HoverBg);
18627
+ background-color: var(--semi-color-fill-0);
18626
18628
  }
18627
18629
  .semi-select-option-selected {
18628
18630
  font-weight: 600;
@@ -18632,7 +18634,7 @@ img[src=""], img:not([src]) {
18632
18634
  color: var(--semi-color-text-2);
18633
18635
  }
18634
18636
  .semi-select-option-focused {
18635
- background-color: var(--semi-color-input-HoverBg);
18637
+ background-color: var(--semi-color-fill-0);
18636
18638
  }
18637
18639
 
18638
18640
  .semi-select {
@@ -18641,7 +18643,7 @@ img[src=""], img:not([src]) {
18641
18643
  border: 1px solid var(--semi-color-border);
18642
18644
  height: 36px;
18643
18645
  font-weight: 400;
18644
- background-color: var(--semi-color-input-DefaultBg);
18646
+ background-color: var(--semi-color-fill-0);
18645
18647
  display: inline-flex;
18646
18648
  vertical-align: middle;
18647
18649
  position: relative;
@@ -18657,12 +18659,12 @@ img[src=""], img:not([src]) {
18657
18659
  border: 1px solid var(--semi-color-border-hover);
18658
18660
  }
18659
18661
  .semi-select:focus {
18660
- border: 1px solid var(--semi-color-border);
18661
- background-color: var(--semi-color-input-ActiveBg);
18662
+ border: 1px solid var(--semi-color-focus-border);
18663
+ background-color: var(--semi-color-fill-0);
18662
18664
  outline: 0;
18663
18665
  }
18664
18666
  .semi-select:active {
18665
- background-color: var(--semi-color-input-ActiveBg);
18667
+ background-color: var(--semi-color-fill-2);
18666
18668
  }
18667
18669
  .semi-select-small {
18668
18670
  height: 28px;
@@ -18682,44 +18684,44 @@ img[src=""], img:not([src]) {
18682
18684
  outline: 0;
18683
18685
  }
18684
18686
  .semi-select-open:hover, .semi-select-focus:hover {
18685
- background-color: var(--semi-color-input-DefaultBg);
18687
+ background-color: var(--semi-color-fill-0);
18686
18688
  border: 1px solid var(--semi-color-focus-border);
18687
18689
  }
18688
18690
  .semi-select-open:active, .semi-select-focus:active {
18689
- background-color: var(--semi-color-input-ActiveBg);
18690
- border: 1px solid var(--semi-color-info-active);
18691
+ background-color: var(--semi-color-fill-2);
18692
+ border: 1px solid var(--semi-color-focus-border);
18691
18693
  }
18692
18694
  .semi-select-warning {
18693
- background-color: var(--semi-color-bg-1);
18694
- border-color: var(--semi-color-warning);
18695
+ background-color: var(--semi-color-warning-light-default);
18696
+ border-color: var(--semi-color-warning-light-default);
18695
18697
  }
18696
18698
  .semi-select-warning:hover {
18697
- background-color: var(--semi-color-bg-1);
18698
- border-color: var(--semi-color-warning-hover);
18699
+ background-color: var(--semi-color-warning-light-hover);
18700
+ border-color: var(--semi-color-warning-light-hover);
18699
18701
  }
18700
18702
  .semi-select-warning:focus {
18701
- background-color: var(--semi-color-bg-1);
18703
+ background-color: var(--semi-color-warning-light-default);
18702
18704
  border-color: var(--semi-color-warning);
18703
18705
  }
18704
18706
  .semi-select-warning:active {
18705
- background-color: var(--semi-color-bg-1);
18706
- border-color: var(--semi-color-warning-active);
18707
+ background-color: var(--semi-color-warning-light-active);
18708
+ border-color: var(--semi-color-warning-light-active);
18707
18709
  }
18708
18710
  .semi-select-error {
18709
- background-color: var(--semi-color-bg-1);
18710
- border-color: var(--semi-color-danger);
18711
+ background-color: var(--semi-color-danger-light-default);
18712
+ border-color: var(--semi-color-danger-light-default);
18711
18713
  }
18712
18714
  .semi-select-error:hover {
18713
- background-color: var(--semi-color-bg-1);
18714
- border-color: var(--semi-color-danger-hover);
18715
+ background-color: var(--semi-color-danger-light-hover);
18716
+ border-color: var(--semi-color-danger-light-hover);
18715
18717
  }
18716
18718
  .semi-select-error:focus {
18717
- background-color: var(--semi-color-bg-1);
18719
+ background-color: var(--semi-color-danger-light-default);
18718
18720
  border-color: var(--semi-color-danger);
18719
18721
  }
18720
18722
  .semi-select-error:active {
18721
- background-color: var(--semi-color-bg-1);
18722
- border-color: var(--semi-color-danger-active);
18723
+ background-color: var(--semi-color-danger-light-active);
18724
+ border-color: var(--semi-color-danger-light-active);
18723
18725
  }
18724
18726
  .semi-select-disabled {
18725
18727
  cursor: not-allowed;
@@ -22545,7 +22547,7 @@ img[src=""], img:not([src]) {
22545
22547
  }
22546
22548
 
22547
22549
  .semi-tagInput {
22548
- background-color: var(--semi-color-bg-transparent);
22550
+ background-color: var(--semi-color-input-DefaultBg);
22549
22551
  border: 1px var(--semi-color-border) solid;
22550
22552
  border-radius: 8px;
22551
22553
  display: inline-flex;
@@ -22594,11 +22596,11 @@ img[src=""], img:not([src]) {
22594
22596
  opacity: 0.5;
22595
22597
  }
22596
22598
  .semi-tagInput-hover {
22597
- background-color: var(--semi-color-bg-transparent);
22599
+ background-color: var(--semi-color-fill-1);
22598
22600
  border: 1px var(--semi-color-border-hover) solid;
22599
22601
  }
22600
22602
  .semi-tagInput-focus {
22601
- background-color: var(--semi-color-bg-transparent);
22603
+ background-color: var(--semi-color-input-ActiveBg);
22602
22604
  border: 1px var(--semi-color-focus-border) solid;
22603
22605
  }
22604
22606
  .semi-tagInput-warning {
@@ -26102,21 +26104,21 @@ p.semi-typography-extended,
26102
26104
  border: 1px var(--semi-color-border) solid;
26103
26105
  border-radius: 6px;
26104
26106
  vertical-align: bottom;
26105
- background-color: var(--semi-color-bg-1);
26107
+ background-color: var(--semi-color-input-DefaultBg);
26106
26108
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
26107
26109
  }
26108
26110
  .semi-input-textarea-wrapper:hover {
26109
- background-color: var(--semi-color-bg-1);
26111
+ background-color: var(--semi-color-input-HoverBg);
26110
26112
  }
26111
26113
  .semi-input-textarea-wrapper-focus {
26112
- background-color: var(--semi-color-bg-1);
26114
+ background-color: var(--semi-color-input-ActiveBg);
26113
26115
  border: 1px var(--semi-color-focus-border) solid;
26114
26116
  }
26115
26117
  .semi-input-textarea-wrapper-focus:hover, .semi-input-textarea-wrapper-focus:active {
26116
- background-color: var(--semi-color-bg-1);
26118
+ background-color: var(--semi-color-input-ActiveBg);
26117
26119
  }
26118
26120
  .semi-input-textarea-wrapper:active {
26119
- background-color: var(--semi-color-bg-1);
26121
+ background-color: var(--semi-color-input-ActiveBg);
26120
26122
  }
26121
26123
  .semi-input-textarea-wrapper .semi-input-clearbtn {
26122
26124
  position: absolute;
@@ -26153,36 +26155,36 @@ p.semi-typography-extended,
26153
26155
  cursor: text;
26154
26156
  }
26155
26157
  .semi-input-textarea-wrapper-error {
26156
- background-color: var(--semi-color-bg-1);
26157
- border-color: var(--semi-color-danger);
26158
+ background-color: var(--semi-color-danger-light-default);
26159
+ border-color: var(--semi-color-danger-light-default);
26158
26160
  }
26159
26161
  .semi-input-textarea-wrapper-error:hover {
26160
- background-color: var(--semi-color-bg-1);
26161
- border-color: var(--semi-color-danger-hover);
26162
+ background-color: var(--semi-color-danger-light-hover);
26163
+ border-color: var(--semi-color-danger-light-hover);
26162
26164
  }
26163
26165
  .semi-input-textarea-wrapper-error.semi-input-textarea-wrapper-focus {
26164
- background-color: var(--semi-color-bg-1);
26165
- border-color: var(--semi-color-danger-active);
26166
+ background-color: var(--semi-color-danger-light-default);
26167
+ border-color: var(--semi-color-danger);
26166
26168
  }
26167
26169
  .semi-input-textarea-wrapper-error:active {
26168
- background-color: var(--semi-color-bg-1);
26169
- border-color: var(--semi-color-danger-active);
26170
+ background-color: var(--semi-color-danger-light-active);
26171
+ border-color: var(--semi-color-danger);
26170
26172
  }
26171
26173
  .semi-input-textarea-wrapper-warning {
26172
- background-color: var(--semi-color-bg-1);
26173
- border-color: var(--semi-color-warning);
26174
+ background-color: var(--semi-color-warning-light-default);
26175
+ border-color: var(--semi-color-warning-light-default);
26174
26176
  }
26175
26177
  .semi-input-textarea-wrapper-warning:hover {
26176
- background-color: var(--semi-color-bg-1);
26177
- border-color: var(--semi-color-warning-hover);
26178
+ background-color: var(--semi-color-warning-light-hover);
26179
+ border-color: var(--semi-color-warning-light-hover);
26178
26180
  }
26179
26181
  .semi-input-textarea-wrapper-warning.semi-input-textarea-wrapper-focus {
26180
- background-color: var(--semi-color-bg-1);
26181
- border-color: var(--semi-color-warning-active);
26182
+ background-color: var(--semi-color-warning-light-default);
26183
+ border-color: var(--semi-color-warning);
26182
26184
  }
26183
26185
  .semi-input-textarea-wrapper-warning:active {
26184
- background-color: var(--semi-color-bg-1);
26185
- border-color: var(--semi-color-warning-active);
26186
+ background-color: var(--semi-color-warning-light-active);
26187
+ border-color: var(--semi-color-warning);
26186
26188
  }
26187
26189
 
26188
26190
  .semi-input-textarea {
@@ -26252,16 +26254,16 @@ p.semi-typography-extended,
26252
26254
  background-color: transparent;
26253
26255
  }
26254
26256
  .semi-input-textarea-borderless.semi-input-textarea-wrapper-error:not(:focus-within) {
26255
- border-color: var(--semi-color-danger-active);
26257
+ border-color: var(--semi-color-danger);
26256
26258
  }
26257
26259
  .semi-input-textarea-borderless.semi-input-textarea-wrapper-warning:not(:focus-within) {
26258
- border-color: var(--semi-color-warning-active);
26260
+ border-color: var(--semi-color-warning);
26259
26261
  }
26260
26262
  .semi-input-textarea-borderless.semi-input-textarea-wrapper-error .semi-input-textarea-counter {
26261
- color: var(--semi-color-danger-active);
26263
+ color: var(--semi-color-danger);
26262
26264
  }
26263
26265
  .semi-input-textarea-borderless.semi-input-textarea-wrapper-warning .semi-input-textarea-counter {
26264
- color: var(--semi-color-warning-active);
26266
+ color: var(--semi-color-warning);
26265
26267
  }
26266
26268
 
26267
26269
  .semi-rtl .semi-input-wrapper,