@semi-bot/semi-theme-seek 1.9.4 → 1.9.6

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 (7) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +32 -49
  4. package/scss/global.scss +20 -47
  5. package/scss/local.scss +8 -2
  6. package/semi.css +52 -79
  7. package/semi.min.css +1 -1
package/README.md CHANGED
@@ -5,7 +5,7 @@ Operator: 秋之风腊肠.jpg
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.88.3 or newer.
8
+ Compatible with Semi Foundation Version 2.89.0-beta.0 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-seek",
3
- "version": "1.9.4",
3
+ "version": "1.9.6",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -381,7 +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(216,216,216,1)",
384
+ "appbg/--semi-color-appbg": "rgba(56,56,56,1)",
385
385
  "black/--semi-color-black": "rgba(0,0,0,1)",
386
386
  "data/--semi-color-data-0": "rgba(94,109,194,1)",
387
387
  "data/--semi-color-data-1": "rgba(8, 104, 120, 1)",
@@ -430,7 +430,7 @@
430
430
  "Drag/--semi-color-Drag-hover": "rgba(var(--semi-blue-9),0.5)",
431
431
  "border/--semi-color-border-1": "rgba(255,255,255,0.12)",
432
432
  "border/--semi-color-border-2": "rgba(255,255,255,0.06)",
433
- "card/--semi-color-card-hover": "rgba(255,255,255,0.08)",
433
+ "card/--semi-color-card-hover": "rgba(255,255,255,0.1)",
434
434
  "default/--semi-color-default": "rgba(255,255,255,0)",
435
435
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
436
436
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
@@ -439,7 +439,7 @@
439
439
  "success/--semi-color-success": "rgba(var(--semi-green-5),1)",
440
440
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
441
441
  "Drag/--semi-color-Drag-active": "rgba(var(--semi-blue-4),1)",
442
- "card/--semi-color-card-active": "rgba(255,255,255,0.1)",
442
+ "card/--semi-color-card-active": "rgba(255,255,255,0.16)",
443
443
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
444
444
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
445
445
  "card/--semi-color-card-default": "rgba(255,255,255,0.06)",
@@ -449,19 +449,11 @@
449
449
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
450
450
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-4),0.4)",
451
451
  "overlay/--semi-color-overlay-bg": "rgba(22,22,26,0.6)",
452
- "Avatar/--semi-color-Avatar-data1": "rgba(76,43,156,1)",
453
- "Avatar/--semi-color-Avatar-data2": "rgba(16,125,248,1)",
454
- "Avatar/--semi-color-Avatar-data3": "rgba(154,207,13,1)",
455
- "Avatar/--semi-color-Avatar-data4": "rgba(94,109,194,1)",
456
- "Avatar/--semi-color-Avatar-data5": "rgba(40,51,138,1)",
457
- "Avatar/--semi-color-Avatar-data6": "rgba(16,162,180,1)",
458
- "Avatar/--semi-color-Avatar-data7": "rgba(98,138,6,1)",
459
452
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
460
453
  "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
461
454
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
462
455
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
463
456
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
464
- "Avatar/--semi-color-Avatar-Visitor": "rgba(46,47,48,1)",
465
457
  "default/--semi-color-default-hover": "rgba(255,255,255,0.08)",
466
458
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-5),1)",
467
459
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
@@ -486,7 +478,7 @@
486
478
  "input-bg/--semi-color-input-bg-default": "rgba(var(--semi-grey-0),0)",
487
479
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
488
480
  "Comparison/--semi-color-Comparison-V2bg": "rgba(var(--semi-green-1),0.8)",
489
- "input-bg/--semi-color-input-bg-disabled": "rgba(var(--semi-grey-2),1)",
481
+ "input-bg/--semi-color-input-bg-disabled": "rgba(var(--semi-grey-2), 1)",
490
482
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
491
483
  "tertiary/--semi-color-tertiary-disabled": "rgba(255,255,255,0.04)",
492
484
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
@@ -495,14 +487,12 @@
495
487
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5), 0.2)",
496
488
  "inputborder/--semi-color-inputborder-hover": "rgba(255,255,255,0.19)",
497
489
  "inputborder/--semi-color-inputborder-active": "rgba(var(--semi-brand-4),1)",
490
+ "button-Radio-bg/--semi-color-button-Radio-bg": "rgba(var(--semi-blue-2),1)",
498
491
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
499
- "Progress-bar/--semi-color-Progress-bar-Played": "rgba(var(--semi-brand-5),1)",
500
492
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
501
493
  "inputborder/--semi-color-inputborder-disabled": "rgba(255,255,255,0.05)",
502
494
  "Comparison/--semi-color-Comparison-V1bgloading": "rgba(var(--semi-blue-0),1)",
503
495
  "Comparison/--semi-color-Comparison-V2bgloading": "rgba(var(--semi-green-0),0.8)",
504
- "Progress-bar/--semi-color-Progress-bar-default": "rgba(var(--semi-grey-4),1)",
505
- "Progress-bar/--semi-color-Progress-bar-loading": "rgba(var(--semi-grey-5),1)",
506
496
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
507
497
  "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
508
498
  "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
@@ -516,15 +506,11 @@
516
506
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5), 0.3)",
517
507
  "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5), 0.2)",
518
508
  "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5), 0.4)",
509
+ "button-Radio-bg/--semi-color-button-Radio-bg-hover": "rgba(var(--semi-blue-6),1)",
519
510
  "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5), 0.3)",
520
511
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5), 0.2)",
521
- "progress-bar-V1/--semi-color-progress-bar-V1-played": "rgba(var(--semi-green-2), 1)",
522
- "progress-bar-V2/--semi-color-progress-bar-V2-played": "rgba(var(--semi-blue-2), 1)",
512
+ "button-Radio-bg/--semi-color-button-Radio-bg-active": "rgba(var(--semi-blue-7),1)",
523
513
  "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-light-blue-5), 0.4)",
524
- "progress-bar-V1/--semi-color-progress-bar-V1-default": "rgba(var(--semi-green-0), 1)",
525
- "progress-bar-V1/--semi-color-progress-bar-V1-loading": "rgba(var(--semi-green-1), 1)",
526
- "progress-bar-V2/--semi-color-progress-bar-V2-default": "rgba(var(--semi-blue-0), 1)",
527
- "progress-bar-V2/--semi-color-progress-bar-V2-loading": "rgba(var(--semi-blue-1), 1)",
528
514
  "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5), 0.2)"
529
515
  },
530
516
  "light": {
@@ -536,6 +522,7 @@
536
522
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
537
523
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
538
524
  "nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
525
+ "appbg/--semi-color-appbg": "rgba(var(--semi-grey-1),1)",
539
526
  "black/--semi-color-black": "rgba(var(--semi-black),0)",
540
527
  "data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
541
528
  "data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
@@ -547,9 +534,9 @@
547
534
  "data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
548
535
  "data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
549
536
  "data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
550
- "fill/--semi-color-fill-0": "rgba(var(--semi-grey-8), 0.05)",
551
- "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8), 0.09)",
552
- "fill/--semi-color-fill-2": "rgba(var(--semi-grey-8), 0.13)",
537
+ "fill/--semi-color-fill-0": "rgba(var(--semi-grey-8),0.05)",
538
+ "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8),0.09)",
539
+ "fill/--semi-color-fill-2": "rgba(var(--semi-grey-8),0.13)",
553
540
  "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
554
541
  "text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.8)",
555
542
  "text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.6)",
@@ -565,13 +552,13 @@
565
552
  "data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
566
553
  "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
567
554
  "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
568
- "border/--semi-color-border": "rgba(var(--semi-grey-9),0.14)",
555
+ "border/--semi-color-border": "rgba(var(--semi-grey-9), 0.2)",
569
556
  "danger/--semi-color-danger": "rgba(var(--semi-red-5),1)",
570
557
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
571
- "border/--semi-color-border-1": "rgba(var(--semi-grey-9),0.1)",
572
- "border/--semi-color-border-2": "rgba(var(--semi-grey-9),0.06)",
558
+ "border/--semi-color-border-1": "rgba(var(--semi-grey-9),0.15)",
559
+ "border/--semi-color-border-2": "rgba(var(--semi-grey-9),0.1)",
573
560
  "card/--semi-color-card-hover": "rgba(var(--semi-grey-1),0.8)",
574
- "default/--semi-color-default": "rgba(var(--semi-grey-0),1)",
561
+ "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
575
562
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
576
563
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
577
564
  "mask-bg/--semi-color-mask-bg": "rgba(255,255,255,0.6)",
@@ -589,25 +576,17 @@
589
576
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
590
577
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
591
578
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
592
- "Avatar/--semi-color-Avatar-data1": "rgba(220,183,252,1)",
593
- "Avatar/--semi-color-Avatar-data2": "rgba(16,125,248,1)",
594
- "Avatar/--semi-color-Avatar-data3": "rgba(131,176,35,1)",
595
- "Avatar/--semi-color-Avatar-data4": "rgba(87,105,255,1)",
596
- "Avatar/--semi-color-Avatar-data5": "rgba(188,198,255,1)",
597
- "Avatar/--semi-color-Avatar-data6": "rgba(51,176,171,1)",
598
- "Avatar/--semi-color-Avatar-data7": "rgba(182,215,129,1)",
599
579
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
600
580
  "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
601
581
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
602
582
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
603
583
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
604
- "Avatar/--semi-color-Avatar-Visitor": "rgba(231,231,232,1)",
605
- "default/--semi-color-default-hover": "rgba(var(--semi-grey-9),0.06)",
584
+ "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
606
585
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
607
586
  "success/--semi-color-success-hover": "rgba(var(--semi-green-7),1)",
608
587
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
609
588
  "Timecode/--semi-color-Timecode-text": "rgba(var(--semi-green-6), 1)",
610
- "default/--semi-color-default-active": "rgba(var(--semi-grey-2),0.12)",
589
+ "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
611
590
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
612
591
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
613
592
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
@@ -627,13 +606,11 @@
627
606
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-2), 1)",
628
607
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
629
608
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-0), 1)",
609
+ "button-Radio-bg/--semi-color-button-Radio-bg": "rgba(var(--semi-grey-1),1)",
630
610
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-1), 1)",
631
611
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-2), 1)",
632
- "progress-bar/--semi-color-progress-bar-played": "rgba(var(--semi-blue-4),1)",
633
612
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-0), 1)",
634
613
  "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-1), 1)",
635
- "progress-bar/--semi-color-progress-bar-default": "rgba(var(--semi-grey-2),1)",
636
- "progress-bar/--semi-color-progress-bar-loading": "rgba(var(--semi-grey-1),0.5)",
637
614
  "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-1), 1)",
638
615
  "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-1), 1)",
639
616
  "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-2), 1)",
@@ -644,15 +621,11 @@
644
621
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-1), 1)",
645
622
  "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-0), 1)",
646
623
  "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-2), 1)",
624
+ "button-Radio-bg/--semi-color-button-Radio-bg-hover": "rgba(255,255,255,0.6)",
647
625
  "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-blue-1), 1)",
648
626
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-0), 1)",
649
- "progress-bar-V1/--semi-color-progress-bar-V1-played": "rgba(var(--semi-green-4),1)",
650
- "progress-bar-V2/--semi-color-progress-bar-V2-played": "rgba(var(--semi-blue-5),1)",
627
+ "button-Radio-bg/--semi-color-button-Radio-bg-active": "rgba(255,255,255,1)",
651
628
  "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-blue-2), 1)",
652
- "progress-bar-V1/--semi-color-progress-bar-V1-default": "rgba(var(--semi-green-0),1)",
653
- "progress-bar-V1/--semi-color-progress-bar-V1-laoding": "rgba(var(--semi-green-1),1)",
654
- "progress-bar-V2/--semi-color-progress-bar-V2-default": "rgba(var(--semi-blue-0),1)",
655
- "progress-bar-V2/--semi-color-progress-bar-V2-loading": "rgba(var(--semi-blue-1),1)",
656
629
  "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-0), 1)"
657
630
  }
658
631
  },
@@ -790,7 +763,7 @@
790
763
  "$color-input_default-bg-default": "var(--semi-color-input-bg)",
791
764
  "$color-input_default-border-hover": "var(--semi-color-inputborder-hover)",
792
765
  "$color-input_default-bg-focus-hover": "var(--semi-color-input-bg-hover)",
793
- "$color-input_default-border-default": "var(--semi-color-inputborder)",
766
+ "$color-input_default-border-default": "var(--semi-color-border-1)",
794
767
  "$color-input_placeholder-text-default": "var(--semi-color-text-3)"
795
768
  },
796
769
  "height": {
@@ -835,6 +808,14 @@
835
808
  "$spacing-radio_addon_buttonRadio_middle-paddingY": "6px"
836
809
  }
837
810
  },
811
+ "table": {
812
+ "color": {
813
+ "$color-table-text-default": "var(--semi-color-text-1)",
814
+ "$color-table_body-bg-hover": "var(--semi-color-fill-0)",
815
+ "$color-table_cell-bg-hover": "var(--semi-color-card-hover)",
816
+ "$color-table-border-default": "var(--semi-color-border-1)"
817
+ }
818
+ },
838
819
  "button": {
839
820
  "color": {
840
821
  "$color-button_primary-border-default": "var(--semi-color-border-2)"
@@ -869,8 +850,10 @@
869
850
  "color": {
870
851
  "$color-switch_checked-bg-hover": "var(--semi-color-primary-hover)",
871
852
  "$color-switch_checked-bg-active": "var(--semi-color-primary-active)",
853
+ "$color-switch_default-bg-active": "var(--semi-color-fill-2)",
872
854
  "$color-switch_checked-bg-default": "var(--semi-color-primary)",
873
- "$color-switch_default-bg-default": "var(--semi-color-bg-3)"
855
+ "$color-switch_default-bg-default": "var(--semi-color-bg-0)",
856
+ "$color-switch_default-border-default": "var(--semi-color-border-2)"
874
857
  }
875
858
  },
876
859
  "tooltip": {
package/scss/global.scss CHANGED
@@ -9,6 +9,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
9
9
  --semi-color-info: rgba(var(--semi-blue-5), 1);
10
10
  --semi-color-link: rgba(var(--semi-blue-5), 1);
11
11
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
12
+ --semi-color-appbg: rgba(var(--semi-grey-1),1);
12
13
  --semi-color-black: rgba(var(--semi-black),0);
13
14
  --semi-color-data-0: rgba(87, 105, 255, 1);
14
15
  --semi-color-data-1: rgba(142, 212, 231, 1);
@@ -20,9 +21,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
20
21
  --semi-color-data-7: rgba(139, 215, 210, 1);
21
22
  --semi-color-data-8: rgba(131, 176, 35, 1);
22
23
  --semi-color-data-9: rgba(233, 165, 229, 1);
23
- --semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
24
- --semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
25
- --semi-color-fill-2: rgba(var(--semi-grey-8), 0.13);
24
+ --semi-color-fill-0: rgba(var(--semi-grey-8),0.05);
25
+ --semi-color-fill-1: rgba(var(--semi-grey-8),0.09);
26
+ --semi-color-fill-2: rgba(var(--semi-grey-8),0.13);
26
27
  --semi-color-text-0: rgba(var(--semi-grey-9),1);
27
28
  --semi-color-text-1: rgba(var(--semi-grey-9),0.8);
28
29
  --semi-color-text-2: rgba(var(--semi-grey-9),0.6);
@@ -38,13 +39,13 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
38
39
  --semi-color-data-17: rgba(182, 215, 129, 1);
39
40
  --semi-color-data-18: rgba(212, 88, 212, 1);
40
41
  --semi-color-data-19: rgba(188, 198, 255, 1);
41
- --semi-color-border: rgba(var(--semi-grey-9),0.14);
42
+ --semi-color-border: rgba(var(--semi-grey-9), 0.2);
42
43
  --semi-color-danger: rgba(var(--semi-red-5),1);
43
44
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
44
- --semi-color-border-1: rgba(var(--semi-grey-9),0.1);
45
- --semi-color-border-2: rgba(var(--semi-grey-9),0.06);
45
+ --semi-color-border-1: rgba(var(--semi-grey-9),0.15);
46
+ --semi-color-border-2: rgba(var(--semi-grey-9),0.1);
46
47
  --semi-color-card-hover: rgba(var(--semi-grey-1),0.8);
47
- --semi-color-default: rgba(var(--semi-grey-0),1);
48
+ --semi-color-default: rgba(var(--semi-grey-0), 1);
48
49
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
49
50
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
50
51
  --semi-color-mask-bg: rgba(255,255,255,0.6);
@@ -62,25 +63,17 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
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);
65
- --semi-color-Avatar-data1: rgba(220,183,252,1);
66
- --semi-color-Avatar-data2: rgba(16,125,248,1);
67
- --semi-color-Avatar-data3: rgba(131,176,35,1);
68
- --semi-color-Avatar-data4: rgba(87,105,255,1);
69
- --semi-color-Avatar-data5: rgba(188,198,255,1);
70
- --semi-color-Avatar-data6: rgba(51,176,171,1);
71
- --semi-color-Avatar-data7: rgba(182,215,129,1);
72
66
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
73
67
  --semi-color-highlight: rgba(var(--semi-black), 1);
74
68
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
75
69
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
76
70
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
77
- --semi-color-Avatar-Visitor: rgba(231,231,232,1);
78
- --semi-color-default-hover: rgba(var(--semi-grey-9),0.06);
71
+ --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
79
72
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
80
73
  --semi-color-success-hover: rgba(var(--semi-green-7),1);
81
74
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
82
75
  --semi-color-Timecode-text: rgba(var(--semi-green-6), 1);
83
- --semi-color-default-active: rgba(var(--semi-grey-2),0.12);
76
+ --semi-color-default-active: rgba(var(--semi-grey-2), 1);
84
77
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
85
78
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
86
79
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
@@ -100,13 +93,11 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
100
93
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
101
94
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
102
95
  --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
96
+ --semi-color-button-Radio-bg: rgba(var(--semi-grey-1),1);
103
97
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
104
98
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
105
- --semi-color-progress-bar-played: rgba(var(--semi-blue-4),1);
106
99
  --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
107
100
  --semi-color-primary-light-hover: rgba(var(--semi-brand-1), 1);
108
- --semi-color-progress-bar-default: rgba(var(--semi-grey-2),1);
109
- --semi-color-progress-bar-loading: rgba(var(--semi-grey-1),0.5);
110
101
  --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
111
102
  --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
112
103
  --semi-color-primary-light-active: rgba(var(--semi-brand-2), 1);
@@ -117,15 +108,11 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
117
108
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
118
109
  --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
119
110
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
111
+ --semi-color-button-Radio-bg-hover: rgba(255,255,255,0.6);
120
112
  --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
121
113
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
122
- --semi-color-progress-bar-V1-played: rgba(var(--semi-green-4),1);
123
- --semi-color-progress-bar-V2-played: rgba(var(--semi-blue-5),1);
114
+ --semi-color-button-Radio-bg-active: rgba(255,255,255,1);
124
115
  --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
125
- --semi-color-progress-bar-V1-default: rgba(var(--semi-green-0),1);
126
- --semi-color-progress-bar-V1-laoding: rgba(var(--semi-green-1),1);
127
- --semi-color-progress-bar-V2-default: rgba(var(--semi-blue-0),1);
128
- --semi-color-progress-bar-V2-loading: rgba(var(--semi-blue-1),1);
129
116
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
130
117
  font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
131
118
  -webkit-font-smoothing: antialiased;;
@@ -155,7 +142,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
155
142
  --semi-color-info: rgba(var(--semi-blue-5), 1);
156
143
  --semi-color-link: rgba(var(--semi-blue-5), 1);
157
144
  --semi-color-nav-bg: rgba(35, 36, 41, 1);
158
- --semi-color-appbg: rgba(216,216,216,1);
145
+ --semi-color-appbg: rgba(56,56,56,1);
159
146
  --semi-color-black: rgba(0,0,0,1);
160
147
  --semi-color-data-0: rgba(94,109,194,1);
161
148
  --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -204,7 +191,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
204
191
  --semi-color-Drag-hover: rgba(var(--semi-blue-9),0.5);
205
192
  --semi-color-border-1: rgba(255,255,255,0.12);
206
193
  --semi-color-border-2: rgba(255,255,255,0.06);
207
- --semi-color-card-hover: rgba(255,255,255,0.08);
194
+ --semi-color-card-hover: rgba(255,255,255,0.1);
208
195
  --semi-color-default: rgba(255,255,255,0);
209
196
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
210
197
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -213,7 +200,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
213
200
  --semi-color-success: rgba(var(--semi-green-5),1);
214
201
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
215
202
  --semi-color-Drag-active: rgba(var(--semi-blue-4),1);
216
- --semi-color-card-active: rgba(255,255,255,0.1);
203
+ --semi-color-card-active: rgba(255,255,255,0.16);
217
204
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
218
205
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
219
206
  --semi-color-card-default: rgba(255,255,255,0.06);
@@ -223,19 +210,11 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
223
210
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
224
211
  --semi-color-info-disabled: rgba(var(--semi-blue-4),0.4);
225
212
  --semi-color-overlay-bg: rgba(22,22,26,0.6);
226
- --semi-color-Avatar-data1: rgba(76,43,156,1);
227
- --semi-color-Avatar-data2: rgba(16,125,248,1);
228
- --semi-color-Avatar-data3: rgba(154,207,13,1);
229
- --semi-color-Avatar-data4: rgba(94,109,194,1);
230
- --semi-color-Avatar-data5: rgba(40,51,138,1);
231
- --semi-color-Avatar-data6: rgba(16,162,180,1);
232
- --semi-color-Avatar-data7: rgba(98,138,6,1);
233
213
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
234
214
  --semi-color-highlight: rgba(var(--semi-white), 1);
235
215
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
236
216
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
237
217
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
238
- --semi-color-Avatar-Visitor: rgba(46,47,48,1);
239
218
  --semi-color-default-hover: rgba(255,255,255,0.08);
240
219
  --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
241
220
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
@@ -260,7 +239,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
260
239
  --semi-color-input-bg-default: rgba(var(--semi-grey-0),0);
261
240
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
262
241
  --semi-color-Comparison-V2bg: rgba(var(--semi-green-1),0.8);
263
- --semi-color-input-bg-disabled: rgba(var(--semi-grey-2),1);
242
+ --semi-color-input-bg-disabled: rgba(var(--semi-grey-2), 1);
264
243
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
265
244
  --semi-color-tertiary-disabled: rgba(255,255,255,0.04);
266
245
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
@@ -269,14 +248,12 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
269
248
  --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
270
249
  --semi-color-inputborder-hover: rgba(255,255,255,0.19);
271
250
  --semi-color-inputborder-active: rgba(var(--semi-brand-4),1);
251
+ --semi-color-button-Radio-bg: rgba(var(--semi-blue-2),1);
272
252
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
273
- --semi-color-Progress-bar-Played: rgba(var(--semi-brand-5),1);
274
253
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
275
254
  --semi-color-inputborder-disabled: rgba(255,255,255,0.05);
276
255
  --semi-color-Comparison-V1bgloading: rgba(var(--semi-blue-0),1);
277
256
  --semi-color-Comparison-V2bgloading: rgba(var(--semi-green-0),0.8);
278
- --semi-color-Progress-bar-default: rgba(var(--semi-grey-4),1);
279
- --semi-color-Progress-bar-loading: rgba(var(--semi-grey-5),1);
280
257
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
281
258
  --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
282
259
  --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
@@ -290,15 +267,11 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
290
267
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
291
268
  --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
292
269
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), 0.4);
270
+ --semi-color-button-Radio-bg-hover: rgba(var(--semi-blue-6),1);
293
271
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
294
272
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
295
- --semi-color-progress-bar-V1-played: rgba(var(--semi-green-2), 1);
296
- --semi-color-progress-bar-V2-played: rgba(var(--semi-blue-2), 1);
273
+ --semi-color-button-Radio-bg-active: rgba(var(--semi-blue-7),1);
297
274
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
298
- --semi-color-progress-bar-V1-default: rgba(var(--semi-green-0), 1);
299
- --semi-color-progress-bar-V1-loading: rgba(var(--semi-green-1), 1);
300
- --semi-color-progress-bar-V2-default: rgba(var(--semi-blue-0), 1);
301
- --semi-color-progress-bar-V2-loading: rgba(var(--semi-blue-1), 1);
302
275
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
303
276
  font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
304
277
  -webkit-font-smoothing: antialiased;;
package/scss/local.scss CHANGED
@@ -5,7 +5,7 @@ $color-input_default-bg-active: var(--semi-color-input-bg-hover);
5
5
  $color-input_default-bg-default: var(--semi-color-input-bg);
6
6
  $color-input_default-border-hover: var(--semi-color-inputborder-hover);
7
7
  $color-input_default-bg-focus-hover: var(--semi-color-input-bg-hover);
8
- $color-input_default-border-default: var(--semi-color-inputborder);
8
+ $color-input_default-border-default: var(--semi-color-border-1);
9
9
  $color-input_placeholder-text-default: var(--semi-color-text-3);
10
10
  $height-input_large: 40px;
11
11
  $height-input_small: 21px;
@@ -32,6 +32,10 @@ $spacing-radio_buttonRadioGroup_small-paddingY: 2px;
32
32
  $spacing-radio_addon_buttonRadio_large-paddingX: 24px;
33
33
  $spacing-radio_addon_buttonRadio_large-paddingY: 12px;
34
34
  $spacing-radio_addon_buttonRadio_middle-paddingY: 6px;
35
+ $color-table-text-default: var(--semi-color-text-1);
36
+ $color-table_body-bg-hover: var(--semi-color-fill-0);
37
+ $color-table_cell-bg-hover: var(--semi-color-card-hover);
38
+ $color-table-border-default: var(--semi-color-border-1);
35
39
  $color-button_primary-border-default: var(--semi-color-border-2);
36
40
  $height-button_small: 28px;
37
41
  $height-button_default: 32px;
@@ -46,8 +50,10 @@ $height-select_small: 28px;
46
50
  $radius-select: 6px;
47
51
  $color-switch_checked-bg-hover: var(--semi-color-primary-hover);
48
52
  $color-switch_checked-bg-active: var(--semi-color-primary-active);
53
+ $color-switch_default-bg-active: var(--semi-color-fill-2);
49
54
  $color-switch_checked-bg-default: var(--semi-color-primary);
50
- $color-switch_default-bg-default: var(--semi-color-bg-3);
55
+ $color-switch_default-bg-default: var(--semi-color-bg-0);
56
+ $color-switch_default-border-default: var(--semi-color-border-2);
51
57
  $color-tooltip-bg-default: var(--semi-color-bg-3);
52
58
  $color-tooltip-text-default: var(--semi-color-text-0);
53
59
  $color-tooltip_arrow-icon-default: var(--semi-color-bg-3);