@semi-bot/semi-theme-seek 1.7.9 → 1.7.11

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 (5) hide show
  1. package/package.json +1 -1
  2. package/raw.json +15 -12
  3. package/scss/global.scss +15 -12
  4. package/semi.css +15 -12
  5. package/semi.min.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-seek",
3
- "version": "1.7.9",
3
+ "version": "1.7.11",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -381,6 +381,7 @@
381
381
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
382
382
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
383
383
  "nav/--semi-color-nav-bg": "rgba(35, 36, 41, 1)",
384
+ "appbg/--semi-color-appbg": "rgba(0,0,0,1)",
384
385
  "black/--semi-color-black": "rgba(0,0,0,1)",
385
386
  "data/--semi-color-data-0": "rgba(94,109,194,1)",
386
387
  "data/--semi-color-data-1": "rgba(8, 104, 120, 1)",
@@ -476,7 +477,6 @@
476
477
  "tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.24)",
477
478
  "input-bg/--semi-color-input-bg-default": "rgba(var(--semi-grey-0),0)",
478
479
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
479
- "Comparison/--semi-color-Comparison-V1bg": "rgba(var(--semi-blue-1),0.8)",
480
480
  "Comparison/--semi-color-Comparison-V2bg": "rgba(var(--semi-green-1),0.8)",
481
481
  "input-bg/--semi-color-input-bg-disabled": "rgba(var(--semi-grey-2), 1)",
482
482
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
@@ -490,12 +490,13 @@
490
490
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
491
491
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
492
492
  "inputborder/--semi-color-inputborder-disabled": "rgba(255,255,255,0.05)",
493
+ "Comparison/--semi-color-Comparison-V1bgloading": "rgba(var(--semi-blue-0),1)",
494
+ "Comparison/--semi-color-Comparison-V2bgloading": "rgba(var(--semi-green-0),0.8)",
493
495
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
494
496
  "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
495
497
  "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
496
498
  "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-5), 0.3)",
497
- "Comparison/--semi-color-Comparison-V1bg-loading": "rgba(var(--semi-blue-0),1)",
498
- "Comparison/--semi-color-Comparison-V2bg-loading": "rgba(var(--semi-green-0),0.8)",
499
+ "Comparison/--semi-color-Comparison-V1bg-default": "rgba(var(--semi-blue-1),0.8)",
499
500
  "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5), 0.4)",
500
501
  "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5), 0.4)",
501
502
  "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5), 0.4)",
@@ -515,10 +516,10 @@
515
516
  "bg/--semi-color-bg-2": "rgba(255,255,255,1)",
516
517
  "bg/--semi-color-bg-3": "rgba(255,255,255,1)",
517
518
  "bg/--semi-color-bg-4": "rgba(255,255,255,1)",
518
- "card/--semi-color-card": "rgba(var(--semi-grey-0),1)",
519
519
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
520
520
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
521
521
  "nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
522
+ "appbg/--semi-color-appbg": "rgba(var(--semi-grey-1),1)",
522
523
  "black/--semi-color-black": "rgba(var(--semi-black),0)",
523
524
  "data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
524
525
  "data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
@@ -553,7 +554,7 @@
553
554
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
554
555
  "border/--semi-color-border-1": "rgba(var(--semi-grey-9),0.15)",
555
556
  "border/--semi-color-border-2": "rgba(var(--semi-grey-9),0.1)",
556
- "card/--semi-color-card-hover": "rgba(var(--semi-grey-6), 1)",
557
+ "card/--semi-color-card-hover": "rgba(var(--semi-grey-1),0.8)",
557
558
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
558
559
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
559
560
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
@@ -561,13 +562,14 @@
561
562
  "primary/--semi-color-primary": "rgba(var(--semi-brand-5),1)",
562
563
  "success/--semi-color-success": "rgba(var(--semi-green-6),1)",
563
564
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
564
- "card/--semi-color-card-active": "rgba(var(--semi-grey-7), 1)",
565
+ "card/--semi-color-card-active": "rgba(var(--semi-grey-1),1)",
565
566
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
566
567
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
568
+ "card/--semi-color-card-default": "rgba(var(--semi-grey-1),0.5)",
567
569
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
568
570
  "modal-bg/--semi-color-modal-bg": "rgba(255,255,255,0.9)",
569
- "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
570
- "card/--semi-color-card-disabled": "rgba(var(--semi-grey-2), 1)",
571
+ "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-1), 1)",
572
+ "card/--semi-color-card-disabled": "rgba(var(--semi-grey-0),1)",
571
573
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
572
574
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
573
575
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
@@ -580,22 +582,23 @@
580
582
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
581
583
  "success/--semi-color-success-hover": "rgba(var(--semi-green-7),1)",
582
584
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
585
+ "Timecode/--semi-color-Timecode-text": "rgba(var(--semi-green-6), 1)",
583
586
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
584
587
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
585
588
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
586
589
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
587
590
  "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
588
591
  "success/--semi-color-success-active": "rgba(var(--semi-green-8),1)",
589
- "timecode/--semi-color-timecode-text": "rgba(var(--semi-green-6), 1)",
590
592
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
591
- "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-6), 1)",
593
+ "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-2),0.6)",
594
+ "Timecode/--semi-color-Timecode-border": "rgba(var(--semi-green-6),1)",
592
595
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
593
596
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
594
597
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-1),1)",
595
- "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
596
- "timecode/--semi-color-timecode-border": "rgba(var(--semi-green-8),1)",
598
+ "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-2),1)",
597
599
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
598
600
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
601
+ "tertiary/--semi-color-tertiary-disabled": "rgba(var(--semi-grey-2),0.1)",
599
602
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-1), 1)",
600
603
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-2), 1)",
601
604
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
package/scss/global.scss CHANGED
@@ -6,10 +6,10 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
6
6
  --semi-color-bg-2: rgba(255,255,255,1);
7
7
  --semi-color-bg-3: rgba(255,255,255,1);
8
8
  --semi-color-bg-4: rgba(255,255,255,1);
9
- --semi-color-card: rgba(var(--semi-grey-0),1);
10
9
  --semi-color-info: rgba(var(--semi-blue-5), 1);
11
10
  --semi-color-link: rgba(var(--semi-blue-5), 1);
12
11
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
12
+ --semi-color-appbg: rgba(var(--semi-grey-1),1);
13
13
  --semi-color-black: rgba(var(--semi-black),0);
14
14
  --semi-color-data-0: rgba(87, 105, 255, 1);
15
15
  --semi-color-data-1: rgba(142, 212, 231, 1);
@@ -44,7 +44,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
44
44
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
45
45
  --semi-color-border-1: rgba(var(--semi-grey-9),0.15);
46
46
  --semi-color-border-2: rgba(var(--semi-grey-9),0.1);
47
- --semi-color-card-hover: rgba(var(--semi-grey-6), 1);
47
+ --semi-color-card-hover: rgba(var(--semi-grey-1),0.8);
48
48
  --semi-color-default: rgba(var(--semi-grey-0), 1);
49
49
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
50
50
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -52,13 +52,14 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
52
52
  --semi-color-primary: rgba(var(--semi-brand-5),1);
53
53
  --semi-color-success: rgba(var(--semi-green-6),1);
54
54
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
55
- --semi-color-card-active: rgba(var(--semi-grey-7), 1);
55
+ --semi-color-card-active: rgba(var(--semi-grey-1),1);
56
56
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
57
57
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
58
+ --semi-color-card-default: rgba(var(--semi-grey-1),0.5);
58
59
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
59
60
  --semi-color-modal-bg: rgba(255,255,255,0.9);
60
- --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
61
- --semi-color-card-disabled: rgba(var(--semi-grey-2), 1);
61
+ --semi-color-tertiary: rgba(var(--semi-grey-1), 1);
62
+ --semi-color-card-disabled: rgba(var(--semi-grey-0),1);
62
63
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
63
64
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
64
65
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
@@ -71,22 +72,23 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
71
72
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
72
73
  --semi-color-success-hover: rgba(var(--semi-green-7),1);
73
74
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
75
+ --semi-color-Timecode-text: rgba(var(--semi-green-6), 1);
74
76
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
75
77
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
76
78
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
77
79
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
78
80
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
79
81
  --semi-color-success-active: rgba(var(--semi-green-8),1);
80
- --semi-color-timecode-text: rgba(var(--semi-green-6), 1);
81
82
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
82
- --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
83
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-2),0.6);
84
+ --semi-color-Timecode-border: rgba(var(--semi-green-6),1);
83
85
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
84
86
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
85
87
  --semi-color-success-disabled: rgba(var(--semi-green-1),1);
86
- --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
87
- --semi-color-timecode-border: rgba(var(--semi-green-8),1);
88
+ --semi-color-tertiary-active: rgba(var(--semi-grey-2),1);
88
89
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
89
90
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
91
+ --semi-color-tertiary-disabled: rgba(var(--semi-grey-2),0.1);
90
92
  --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
91
93
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
92
94
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
@@ -137,6 +139,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
137
139
  --semi-color-info: rgba(var(--semi-blue-5), 1);
138
140
  --semi-color-link: rgba(var(--semi-blue-5), 1);
139
141
  --semi-color-nav-bg: rgba(35, 36, 41, 1);
142
+ --semi-color-appbg: rgba(0,0,0,1);
140
143
  --semi-color-black: rgba(0,0,0,1);
141
144
  --semi-color-data-0: rgba(94,109,194,1);
142
145
  --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -232,7 +235,6 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
232
235
  --semi-color-tertiary-active: rgba(255,255,255,0.24);
233
236
  --semi-color-input-bg-default: rgba(var(--semi-grey-0),0);
234
237
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
235
- --semi-color-Comparison-V1bg: rgba(var(--semi-blue-1),0.8);
236
238
  --semi-color-Comparison-V2bg: rgba(var(--semi-green-1),0.8);
237
239
  --semi-color-input-bg-disabled: rgba(var(--semi-grey-2), 1);
238
240
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -246,12 +248,13 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
246
248
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
247
249
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
248
250
  --semi-color-inputborder-disabled: rgba(255,255,255,0.05);
251
+ --semi-color-Comparison-V1bgloading: rgba(var(--semi-blue-0),1);
252
+ --semi-color-Comparison-V2bgloading: rgba(var(--semi-green-0),0.8);
249
253
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
250
254
  --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
251
255
  --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
252
256
  --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
253
- --semi-color-Comparison-V1bg-loading: rgba(var(--semi-blue-0),1);
254
- --semi-color-Comparison-V2bg-loading: rgba(var(--semi-green-0),0.8);
257
+ --semi-color-Comparison-V1bg-default: rgba(var(--semi-blue-1),0.8);
255
258
  --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
256
259
  --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
257
260
  --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
package/semi.css CHANGED
@@ -376,10 +376,10 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
376
376
  --semi-color-bg-2: rgba(255,255,255,1);
377
377
  --semi-color-bg-3: rgba(255,255,255,1);
378
378
  --semi-color-bg-4: rgba(255,255,255,1);
379
- --semi-color-card: rgba(var(--semi-grey-0),1);
380
379
  --semi-color-info: rgba(var(--semi-blue-5), 1);
381
380
  --semi-color-link: rgba(var(--semi-blue-5), 1);
382
381
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
382
+ --semi-color-appbg: rgba(var(--semi-grey-1),1);
383
383
  --semi-color-black: rgba(var(--semi-black),0);
384
384
  --semi-color-data-0: rgba(87, 105, 255, 1);
385
385
  --semi-color-data-1: rgba(142, 212, 231, 1);
@@ -414,7 +414,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
414
414
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
415
415
  --semi-color-border-1: rgba(var(--semi-grey-9),0.15);
416
416
  --semi-color-border-2: rgba(var(--semi-grey-9),0.1);
417
- --semi-color-card-hover: rgba(var(--semi-grey-6), 1);
417
+ --semi-color-card-hover: rgba(var(--semi-grey-1),0.8);
418
418
  --semi-color-default: rgba(var(--semi-grey-0), 1);
419
419
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
420
420
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -422,13 +422,14 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
422
422
  --semi-color-primary: rgba(var(--semi-brand-5),1);
423
423
  --semi-color-success: rgba(var(--semi-green-6),1);
424
424
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
425
- --semi-color-card-active: rgba(var(--semi-grey-7), 1);
425
+ --semi-color-card-active: rgba(var(--semi-grey-1),1);
426
426
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
427
427
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
428
+ --semi-color-card-default: rgba(var(--semi-grey-1),0.5);
428
429
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
429
430
  --semi-color-modal-bg: rgba(255,255,255,0.9);
430
- --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
431
- --semi-color-card-disabled: rgba(var(--semi-grey-2), 1);
431
+ --semi-color-tertiary: rgba(var(--semi-grey-1), 1);
432
+ --semi-color-card-disabled: rgba(var(--semi-grey-0),1);
432
433
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
433
434
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
434
435
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
@@ -441,22 +442,23 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
441
442
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
442
443
  --semi-color-success-hover: rgba(var(--semi-green-7),1);
443
444
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
445
+ --semi-color-Timecode-text: rgba(var(--semi-green-6), 1);
444
446
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
445
447
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
446
448
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
447
449
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
448
450
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
449
451
  --semi-color-success-active: rgba(var(--semi-green-8),1);
450
- --semi-color-timecode-text: rgba(var(--semi-green-6), 1);
451
452
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
452
- --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
453
+ --semi-color-tertiary-hover: rgba(var(--semi-grey-2),0.6);
454
+ --semi-color-Timecode-border: rgba(var(--semi-green-6),1);
453
455
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
454
456
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
455
457
  --semi-color-success-disabled: rgba(var(--semi-green-1),1);
456
- --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
457
- --semi-color-timecode-border: rgba(var(--semi-green-8),1);
458
+ --semi-color-tertiary-active: rgba(var(--semi-grey-2),1);
458
459
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
459
460
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
461
+ --semi-color-tertiary-disabled: rgba(var(--semi-grey-2),0.1);
460
462
  --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
461
463
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
462
464
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
@@ -506,6 +508,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
506
508
  --semi-color-info: rgba(var(--semi-blue-5), 1);
507
509
  --semi-color-link: rgba(var(--semi-blue-5), 1);
508
510
  --semi-color-nav-bg: rgba(35, 36, 41, 1);
511
+ --semi-color-appbg: rgba(0,0,0,1);
509
512
  --semi-color-black: rgba(0,0,0,1);
510
513
  --semi-color-data-0: rgba(94,109,194,1);
511
514
  --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -601,7 +604,6 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
601
604
  --semi-color-tertiary-active: rgba(255,255,255,0.24);
602
605
  --semi-color-input-bg-default: rgba(var(--semi-grey-0),0);
603
606
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
604
- --semi-color-Comparison-V1bg: rgba(var(--semi-blue-1),0.8);
605
607
  --semi-color-Comparison-V2bg: rgba(var(--semi-green-1),0.8);
606
608
  --semi-color-input-bg-disabled: rgba(var(--semi-grey-2), 1);
607
609
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -615,12 +617,13 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
615
617
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
616
618
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
617
619
  --semi-color-inputborder-disabled: rgba(255,255,255,0.05);
620
+ --semi-color-Comparison-V1bgloading: rgba(var(--semi-blue-0),1);
621
+ --semi-color-Comparison-V2bgloading: rgba(var(--semi-green-0),0.8);
618
622
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
619
623
  --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
620
624
  --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
621
625
  --semi-color-warning-light-hover: rgba(var(--semi-orange-5), 0.3);
622
- --semi-color-Comparison-V1bg-loading: rgba(var(--semi-blue-0),1);
623
- --semi-color-Comparison-V2bg-loading: rgba(var(--semi-green-0),0.8);
626
+ --semi-color-Comparison-V1bg-default: rgba(var(--semi-blue-1),0.8);
624
627
  --semi-color-primary-light-active: rgba(var(--semi-brand-5), 0.4);
625
628
  --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
626
629
  --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);