@semi-bot/semi-theme-seek 1.8.0 → 1.9.3

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 +45 -28
  4. package/scss/global.scss +43 -16
  5. package/scss/local.scss +2 -8
  6. package/semi.css +75 -48
  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.88.2 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.8.0",
3
+ "version": "1.9.3",
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(0,0,0,1)",
384
+ "appbg/--semi-color-appbg": "rgba(216,216,216,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)",
@@ -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.12)",
442
+ "card/--semi-color-card-active": "rgba(255,255,255,0.1)",
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,11 +449,19 @@
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)",
452
459
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
453
460
  "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
454
461
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
455
462
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
456
463
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
464
+ "Avatar/--semi-color-Avatar-Visitor": "rgba(46,47,48,1)",
457
465
  "default/--semi-color-default-hover": "rgba(255,255,255,0.08)",
458
466
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-5),1)",
459
467
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
@@ -478,7 +486,7 @@
478
486
  "input-bg/--semi-color-input-bg-default": "rgba(var(--semi-grey-0),0)",
479
487
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
480
488
  "Comparison/--semi-color-Comparison-V2bg": "rgba(var(--semi-green-1),0.8)",
481
- "input-bg/--semi-color-input-bg-disabled": "rgba(var(--semi-grey-2), 1)",
489
+ "input-bg/--semi-color-input-bg-disabled": "rgba(var(--semi-grey-2),1)",
482
490
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
483
491
  "tertiary/--semi-color-tertiary-disabled": "rgba(255,255,255,0.04)",
484
492
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
@@ -487,12 +495,14 @@
487
495
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5), 0.2)",
488
496
  "inputborder/--semi-color-inputborder-hover": "rgba(255,255,255,0.19)",
489
497
  "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)",
491
498
  "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)",
492
500
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
493
501
  "inputborder/--semi-color-inputborder-disabled": "rgba(255,255,255,0.05)",
494
502
  "Comparison/--semi-color-Comparison-V1bgloading": "rgba(var(--semi-blue-0),1)",
495
503
  "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)",
496
506
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
497
507
  "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
498
508
  "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
@@ -506,11 +516,15 @@
506
516
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5), 0.3)",
507
517
  "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-5), 0.2)",
508
518
  "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)",
510
519
  "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-5), 0.3)",
511
520
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-5), 0.2)",
512
- "button-Radio-bg/--semi-color-button-Radio-bg-active": "rgba(var(--semi-blue-7),1)",
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)",
513
523
  "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)",
514
528
  "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5), 0.2)"
515
529
  },
516
530
  "light": {
@@ -522,7 +536,6 @@
522
536
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
523
537
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
524
538
  "nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
525
- "appbg/--semi-color-appbg": "rgba(var(--semi-grey-1),1)",
526
539
  "black/--semi-color-black": "rgba(var(--semi-black),0)",
527
540
  "data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
528
541
  "data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
@@ -534,9 +547,9 @@
534
547
  "data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
535
548
  "data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
536
549
  "data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
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)",
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)",
540
553
  "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
541
554
  "text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.8)",
542
555
  "text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.6)",
@@ -558,7 +571,7 @@
558
571
  "border/--semi-color-border-1": "rgba(var(--semi-grey-9),0.15)",
559
572
  "border/--semi-color-border-2": "rgba(var(--semi-grey-9),0.1)",
560
573
  "card/--semi-color-card-hover": "rgba(var(--semi-grey-1),0.8)",
561
- "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
574
+ "default/--semi-color-default": "rgba(var(--semi-grey-0),1)",
562
575
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
563
576
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
564
577
  "mask-bg/--semi-color-mask-bg": "rgba(255,255,255,0.6)",
@@ -576,17 +589,25 @@
576
589
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
577
590
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
578
591
  "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)",
579
599
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
580
600
  "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
581
601
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
582
602
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
583
603
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
584
- "default/--semi-color-default-hover": "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)",
585
606
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
586
607
  "success/--semi-color-success-hover": "rgba(var(--semi-green-7),1)",
587
608
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
588
609
  "Timecode/--semi-color-Timecode-text": "rgba(var(--semi-green-6), 1)",
589
- "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
610
+ "default/--semi-color-default-active": "rgba(var(--semi-grey-2),0.12)",
590
611
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
591
612
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
592
613
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
@@ -608,8 +629,11 @@
608
629
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-0), 1)",
609
630
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-1), 1)",
610
631
  "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)",
611
633
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-0), 1)",
612
634
  "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)",
613
637
  "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-1), 1)",
614
638
  "warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-1), 1)",
615
639
  "primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-2), 1)",
@@ -620,12 +644,15 @@
620
644
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-1), 1)",
621
645
  "warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-0), 1)",
622
646
  "tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-2), 1)",
623
- "button-Radio-bg/--semi-color-button-Radio-bg-hover": "rgba(255,255,255,0.6)",
624
647
  "secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-blue-1), 1)",
625
648
  "tertiary-light/--semi-color-tertiary-light-default": "rgba(var(--semi-grey-0), 1)",
626
- "button-Radio-bg/--semi-color-button-Radio-bg-active": "rgba(255,255,255,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
651
  "secondary-light/--semi-color-secondary-light-active": "rgba(var(--semi-blue-2), 1)",
628
- "button-Radio-bg/--semi-color-button-Radio-bg-default": "rgba(var(--semi-grey-1),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)",
629
656
  "secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-0), 1)"
630
657
  }
631
658
  },
@@ -763,7 +790,7 @@
763
790
  "$color-input_default-bg-default": "var(--semi-color-input-bg)",
764
791
  "$color-input_default-border-hover": "var(--semi-color-inputborder-hover)",
765
792
  "$color-input_default-bg-focus-hover": "var(--semi-color-input-bg-hover)",
766
- "$color-input_default-border-default": "var(--semi-color-border-1)",
793
+ "$color-input_default-border-default": "var(--semi-color-inputborder)",
767
794
  "$color-input_placeholder-text-default": "var(--semi-color-text-3)"
768
795
  },
769
796
  "height": {
@@ -808,14 +835,6 @@
808
835
  "$spacing-radio_addon_buttonRadio_middle-paddingY": "6px"
809
836
  }
810
837
  },
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
- },
819
838
  "button": {
820
839
  "color": {
821
840
  "$color-button_primary-border-default": "var(--semi-color-border-2)"
@@ -850,10 +869,8 @@
850
869
  "color": {
851
870
  "$color-switch_checked-bg-hover": "var(--semi-color-primary-hover)",
852
871
  "$color-switch_checked-bg-active": "var(--semi-color-primary-active)",
853
- "$color-switch_default-bg-active": "var(--semi-color-fill-2)",
854
872
  "$color-switch_checked-bg-default": "var(--semi-color-primary)",
855
- "$color-switch_default-bg-default": "var(--semi-color-bg-0)",
856
- "$color-switch_default-border-default": "var(--semi-color-border-2)"
873
+ "$color-switch_default-bg-default": "var(--semi-color-bg-3)"
857
874
  }
858
875
  },
859
876
  "tooltip": {
package/scss/global.scss CHANGED
@@ -9,7 +9,6 @@ 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);
13
12
  --semi-color-black: rgba(var(--semi-black),0);
14
13
  --semi-color-data-0: rgba(87, 105, 255, 1);
15
14
  --semi-color-data-1: rgba(142, 212, 231, 1);
@@ -21,9 +20,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
21
20
  --semi-color-data-7: rgba(139, 215, 210, 1);
22
21
  --semi-color-data-8: rgba(131, 176, 35, 1);
23
22
  --semi-color-data-9: rgba(233, 165, 229, 1);
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);
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);
27
26
  --semi-color-text-0: rgba(var(--semi-grey-9),1);
28
27
  --semi-color-text-1: rgba(var(--semi-grey-9),0.8);
29
28
  --semi-color-text-2: rgba(var(--semi-grey-9),0.6);
@@ -45,7 +44,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
45
44
  --semi-color-border-1: rgba(var(--semi-grey-9),0.15);
46
45
  --semi-color-border-2: rgba(var(--semi-grey-9),0.1);
47
46
  --semi-color-card-hover: rgba(var(--semi-grey-1),0.8);
48
- --semi-color-default: rgba(var(--semi-grey-0), 1);
47
+ --semi-color-default: rgba(var(--semi-grey-0),1);
49
48
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
50
49
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
51
50
  --semi-color-mask-bg: rgba(255,255,255,0.6);
@@ -63,17 +62,25 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
63
62
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
64
63
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
65
64
  --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);
66
72
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
67
73
  --semi-color-highlight: rgba(var(--semi-black), 1);
68
74
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
69
75
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
70
76
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
71
- --semi-color-default-hover: 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);
72
79
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
73
80
  --semi-color-success-hover: rgba(var(--semi-green-7),1);
74
81
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
75
82
  --semi-color-Timecode-text: rgba(var(--semi-green-6), 1);
76
- --semi-color-default-active: rgba(var(--semi-grey-2), 1);
83
+ --semi-color-default-active: rgba(var(--semi-grey-2),0.12);
77
84
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
78
85
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
79
86
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
@@ -95,8 +102,11 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
95
102
  --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
96
103
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
97
104
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
105
+ --semi-color-progress-bar-played: rgba(var(--semi-blue-4),1);
98
106
  --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
99
107
  --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);
100
110
  --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
101
111
  --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
102
112
  --semi-color-primary-light-active: rgba(var(--semi-brand-2), 1);
@@ -107,12 +117,15 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
107
117
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
108
118
  --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
109
119
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
110
- --semi-color-button-Radio-bg-hover: rgba(255,255,255,0.6);
111
120
  --semi-color-secondary-light-hover: rgba(var(--semi-blue-1), 1);
112
121
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
113
- --semi-color-button-Radio-bg-active: rgba(255,255,255,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
124
  --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
115
- --semi-color-button-Radio-bg-default: rgba(var(--semi-grey-1),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);
116
129
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
117
130
  font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
118
131
  -webkit-font-smoothing: antialiased;;
@@ -142,7 +155,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
142
155
  --semi-color-info: rgba(var(--semi-blue-5), 1);
143
156
  --semi-color-link: rgba(var(--semi-blue-5), 1);
144
157
  --semi-color-nav-bg: rgba(35, 36, 41, 1);
145
- --semi-color-appbg: rgba(0,0,0,1);
158
+ --semi-color-appbg: rgba(216,216,216,1);
146
159
  --semi-color-black: rgba(0,0,0,1);
147
160
  --semi-color-data-0: rgba(94,109,194,1);
148
161
  --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -200,7 +213,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
200
213
  --semi-color-success: rgba(var(--semi-green-5),1);
201
214
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
202
215
  --semi-color-Drag-active: rgba(var(--semi-blue-4),1);
203
- --semi-color-card-active: rgba(255,255,255,0.12);
216
+ --semi-color-card-active: rgba(255,255,255,0.1);
204
217
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
205
218
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
206
219
  --semi-color-card-default: rgba(255,255,255,0.06);
@@ -210,11 +223,19 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
210
223
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
211
224
  --semi-color-info-disabled: rgba(var(--semi-blue-4),0.4);
212
225
  --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);
213
233
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
214
234
  --semi-color-highlight: rgba(var(--semi-white), 1);
215
235
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
216
236
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
217
237
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
238
+ --semi-color-Avatar-Visitor: rgba(46,47,48,1);
218
239
  --semi-color-default-hover: rgba(255,255,255,0.08);
219
240
  --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
220
241
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
@@ -239,7 +260,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
239
260
  --semi-color-input-bg-default: rgba(var(--semi-grey-0),0);
240
261
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
241
262
  --semi-color-Comparison-V2bg: rgba(var(--semi-green-1),0.8);
242
- --semi-color-input-bg-disabled: rgba(var(--semi-grey-2), 1);
263
+ --semi-color-input-bg-disabled: rgba(var(--semi-grey-2),1);
243
264
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
244
265
  --semi-color-tertiary-disabled: rgba(255,255,255,0.04);
245
266
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
@@ -248,12 +269,14 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
248
269
  --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
249
270
  --semi-color-inputborder-hover: rgba(255,255,255,0.19);
250
271
  --semi-color-inputborder-active: rgba(var(--semi-brand-4),1);
251
- --semi-color-button-Radio-bg: rgba(var(--semi-blue-2),1);
252
272
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
273
+ --semi-color-Progress-bar-Played: rgba(var(--semi-brand-5),1);
253
274
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
254
275
  --semi-color-inputborder-disabled: rgba(255,255,255,0.05);
255
276
  --semi-color-Comparison-V1bgloading: rgba(var(--semi-blue-0),1);
256
277
  --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);
257
280
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
258
281
  --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
259
282
  --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
@@ -267,11 +290,15 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
267
290
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
268
291
  --semi-color-warning-light-default: rgba(var(--semi-orange-5), 0.2);
269
292
  --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);
271
293
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), 0.3);
272
294
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
273
- --semi-color-button-Radio-bg-active: rgba(var(--semi-blue-7),1);
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);
274
297
  --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);
275
302
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
276
303
  font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
277
304
  -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-border-1);
8
+ $color-input_default-border-default: var(--semi-color-inputborder);
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,10 +32,6 @@ $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);
39
35
  $color-button_primary-border-default: var(--semi-color-border-2);
40
36
  $height-button_small: 28px;
41
37
  $height-button_default: 32px;
@@ -50,10 +46,8 @@ $height-select_small: 28px;
50
46
  $radius-select: 6px;
51
47
  $color-switch_checked-bg-hover: var(--semi-color-primary-hover);
52
48
  $color-switch_checked-bg-active: var(--semi-color-primary-active);
53
- $color-switch_default-bg-active: var(--semi-color-fill-2);
54
49
  $color-switch_checked-bg-default: var(--semi-color-primary);
55
- $color-switch_default-bg-default: var(--semi-color-bg-0);
56
- $color-switch_default-border-default: var(--semi-color-border-2);
50
+ $color-switch_default-bg-default: var(--semi-color-bg-3);
57
51
  $color-tooltip-bg-default: var(--semi-color-bg-3);
58
52
  $color-tooltip-text-default: var(--semi-color-text-0);
59
53
  $color-tooltip_arrow-icon-default: var(--semi-color-bg-3);