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

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 (10) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +41 -18
  4. package/scss/_font.scss +8 -8
  5. package/scss/global.scss +33 -11
  6. package/scss/local.scss +1 -0
  7. package/scss/mixin.scss +1 -1
  8. package/scss/variables.scss +1 -1
  9. package/semi.css +201 -173
  10. 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.89.0-beta.0 or newer.
8
+ Compatible with Semi Foundation Version 2.90.1 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.6",
3
+ "version": "1.9.9",
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(56,56,56,1)",
384
+ "appbg/--semi-color-appbg": "rgba(0,0,0,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)",
@@ -428,6 +428,7 @@
428
428
  "black/--semi-color-black-50": "rgba(0,0,0,0.5)",
429
429
  "black/--semi-color-black-70": "rgba(0,0,0,0.7)",
430
430
  "Drag/--semi-color-Drag-hover": "rgba(var(--semi-blue-9),0.5)",
431
+ "Tabs/--semi-color-Tabs-hover": "rgba(255,255,255,0.04)",
431
432
  "border/--semi-color-border-1": "rgba(255,255,255,0.12)",
432
433
  "border/--semi-color-border-2": "rgba(255,255,255,0.06)",
433
434
  "card/--semi-color-card-hover": "rgba(255,255,255,0.1)",
@@ -439,9 +440,11 @@
439
440
  "success/--semi-color-success": "rgba(var(--semi-green-5),1)",
440
441
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
441
442
  "Drag/--semi-color-Drag-active": "rgba(var(--semi-blue-4),1)",
443
+ "Tabs/--semi-color-Tabs-active": "rgba(255,255,255,0.08)",
442
444
  "card/--semi-color-card-active": "rgba(255,255,255,0.16)",
443
445
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
444
446
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
447
+ "Tabs/--semi-color-Tabs-default": "rgba(255,255,255,0)",
445
448
  "card/--semi-color-card-default": "rgba(255,255,255,0.06)",
446
449
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
447
450
  "modal-bg/--semi-color-modal-bg": "rgba(var(--semi-grey-0),0.7)",
@@ -475,6 +478,13 @@
475
478
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-4),0.2)",
476
479
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
477
480
  "tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.24)",
481
+ "Avatar-data/--semi-color-Avatar-data-1": "rgba(109,83,178,1)",
482
+ "Avatar-data/--semi-color-Avatar-data-2": "rgba(16,125,248,1)",
483
+ "Avatar-data/--semi-color-Avatar-data-3": "rgba(154,207,13,1)",
484
+ "Avatar-data/--semi-color-Avatar-data-4": "rgba(94,109,194,1)",
485
+ "Avatar-data/--semi-color-Avatar-data-5": "rgba(40,51,138,1)",
486
+ "Avatar-data/--semi-color-Avatar-data-6": "rgba(16,162,180,1)",
487
+ "Avatar-data/--semi-color-Avatar-data-7": "rgba(98,138,6,1)",
478
488
  "input-bg/--semi-color-input-bg-default": "rgba(var(--semi-grey-0),0)",
479
489
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
480
490
  "Comparison/--semi-color-Comparison-V2bg": "rgba(var(--semi-green-1),0.8)",
@@ -487,6 +497,7 @@
487
497
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5), 0.2)",
488
498
  "inputborder/--semi-color-inputborder-hover": "rgba(255,255,255,0.19)",
489
499
  "inputborder/--semi-color-inputborder-active": "rgba(var(--semi-brand-4),1)",
500
+ "Avatar-data/--semi-color-Avatar-data-visitor": "rgba(46,47,48,1)",
490
501
  "button-Radio-bg/--semi-color-button-Radio-bg": "rgba(var(--semi-blue-2),1)",
491
502
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
492
503
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
@@ -523,7 +534,7 @@
523
534
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
524
535
  "nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
525
536
  "appbg/--semi-color-appbg": "rgba(var(--semi-grey-1),1)",
526
- "black/--semi-color-black": "rgba(var(--semi-black),0)",
537
+ "black/--semi-color-black": "rgba(0,0,0,1)",
527
538
  "data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
528
539
  "data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
529
540
  "data/--semi-color-data-2": "rgba(245, 135, 0, 1)",
@@ -541,7 +552,7 @@
541
552
  "text/--semi-color-text-1": "rgba(var(--semi-grey-9),0.8)",
542
553
  "text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.6)",
543
554
  "text/--semi-color-text-3": "rgba(var(--semi-grey-9),0.35)",
544
- "white/--semi-color-white": "rgba(var(--semi-white), 1)",
555
+ "white/--semi-color-white": "rgba(255,255,255,1)",
545
556
  "data/--semi-color-data-10": "rgba(48, 167, 206, 1)",
546
557
  "data/--semi-color-data-11": "rgba(249, 192, 100, 1)",
547
558
  "data/--semi-color-data-12": "rgba(177, 113, 249, 1)",
@@ -552,11 +563,14 @@
552
563
  "data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
553
564
  "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
554
565
  "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
555
- "border/--semi-color-border": "rgba(var(--semi-grey-9), 0.2)",
566
+ "border/--semi-color-border": "rgba(var(--semi-grey-9),0.18)",
556
567
  "danger/--semi-color-danger": "rgba(var(--semi-red-5),1)",
557
568
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
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)",
569
+ "black/--semi-color-black-50": "rgba(0,0,0,0.5)",
570
+ "black/--semi-color-black-70": "rgba(0,0,0,0.7)",
571
+ "white/--semi-color-white-50": "rgba(255,255,255,0.5)",
572
+ "border/--semi-color-border-1": "rgba(var(--semi-grey-9),0.12)",
573
+ "border/--semi-color-border-2": "rgba(var(--semi-grey-9),0.06)",
560
574
  "card/--semi-color-card-hover": "rgba(var(--semi-grey-1),0.8)",
561
575
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
562
576
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
@@ -596,9 +610,16 @@
596
610
  "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-2),0.6)",
597
611
  "Timecode/--semi-color-Timecode-border": "rgba(var(--semi-green-6),1)",
598
612
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
599
- "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
613
+ "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-5),0.3)",
600
614
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-1),1)",
601
615
  "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-2),1)",
616
+ "Avatar-data/--semi-color-Avatar-data-1": "rgba(220,183,252,1)",
617
+ "Avatar-data/--semi-color-Avatar-data-2": "rgba(16,125,248,1)",
618
+ "Avatar-data/--semi-color-Avatar-data-3": "rgba(131,176,35,1)",
619
+ "Avatar-data/--semi-color-Avatar-data-4": "rgba(87,105,255,1)",
620
+ "Avatar-data/--semi-color-Avatar-data-5": "rgba(188,198,255,1)",
621
+ "Avatar-data/--semi-color-Avatar-data-6": "rgba(51,176,171,1)",
622
+ "Avatar-data/--semi-color-Avatar-data-7": "rgba(182,215,129,1)",
602
623
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
603
624
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
604
625
  "tertiary/--semi-color-tertiary-disabled": "rgba(var(--semi-grey-2),0.1)",
@@ -606,6 +627,7 @@
606
627
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-2), 1)",
607
628
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
608
629
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-0), 1)",
630
+ "Avatar-data/--semi-color-Avatar-data-visitor": "rgba(231,231,232,1)",
609
631
  "button-Radio-bg/--semi-color-button-Radio-bg": "rgba(var(--semi-grey-1),1)",
610
632
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-1), 1)",
611
633
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-2), 1)",
@@ -711,7 +733,7 @@
711
733
  "shadow-1": "none",
712
734
  "shadow-2": "0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16)",
713
735
  "shadow-knob": "0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30)",
714
- "shadow-elevated": "0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 16px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0)"
736
+ "shadow-elevated": "0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 18px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0)"
715
737
  },
716
738
  "spacing": {
717
739
  "$spacing-base": "16px",
@@ -818,7 +840,8 @@
818
840
  },
819
841
  "button": {
820
842
  "color": {
821
- "$color-button_primary-border-default": "var(--semi-color-border-2)"
843
+ "$color-button_primary-border-default": "var(--semi-color-border-2)",
844
+ "$color-button_disabled_primary-bg-default": "var(--semi-color-primary-disabled)"
822
845
  },
823
846
  "height": {
824
847
  "$height-button_small": "28px",
@@ -892,44 +915,44 @@
892
915
  "Header": {
893
916
  "header-1": {
894
917
  "fontSize": "32px",
895
- "fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
918
+ "fontFamily": " Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
896
919
  "lineHeight": "44px"
897
920
  },
898
921
  "header-2": {
899
922
  "fontSize": "28px",
900
- "fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
923
+ "fontFamily": " Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
901
924
  "lineHeight": "40px"
902
925
  },
903
926
  "header-3": {
904
927
  "fontSize": "24px",
905
- "fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
928
+ "fontFamily": " Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
906
929
  "lineHeight": "32px"
907
930
  },
908
931
  "header-4": {
909
932
  "fontSize": "20px",
910
- "fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
933
+ "fontFamily": " Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
911
934
  "lineHeight": "28px"
912
935
  },
913
936
  "header-5": {
914
937
  "fontSize": "18px",
915
- "fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
938
+ "fontFamily": " Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
916
939
  "lineHeight": "24px"
917
940
  },
918
941
  "header-6": {
919
942
  "fontSize": "16px",
920
- "fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
943
+ "fontFamily": " Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
921
944
  "lineHeight": "22px"
922
945
  }
923
946
  },
924
947
  "Paragraph": {
925
948
  "small": {
926
949
  "fontSize": "12px",
927
- "fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
950
+ "fontFamily": " Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
928
951
  "lineHeight": "16px"
929
952
  },
930
953
  "regular": {
931
954
  "fontSize": "14px",
932
- "fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
955
+ "fontFamily": " Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
933
956
  "lineHeight": "20px"
934
957
  }
935
958
  }
@@ -968,7 +991,7 @@
968
991
  "typography-base": {
969
992
  "scale": "default",
970
993
  "wordSpace": 0,
971
- "fontFamily": " 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
994
+ "fontFamily": " Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
972
995
  "letterSpace": 0,
973
996
  "baseFontSize": "14px",
974
997
  "lineHeightMultiplier": 1.4
package/scss/_font.scss CHANGED
@@ -1,55 +1,55 @@
1
1
  @mixin font-size-header-1 {
2
2
  font-size: 32px;
3
- font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3
+ font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
4
4
  line-height: 44px;
5
5
 
6
6
 
7
7
  }
8
8
  @mixin font-size-header-2 {
9
9
  font-size: 28px;
10
- font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
10
+ font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
11
11
  line-height: 40px;
12
12
 
13
13
 
14
14
  }
15
15
  @mixin font-size-header-3 {
16
16
  font-size: 24px;
17
- font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
17
+ font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
18
18
  line-height: 32px;
19
19
 
20
20
 
21
21
  }
22
22
  @mixin font-size-header-4 {
23
23
  font-size: 20px;
24
- font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
24
+ font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
25
25
  line-height: 28px;
26
26
 
27
27
 
28
28
  }
29
29
  @mixin font-size-header-5 {
30
30
  font-size: 18px;
31
- font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
31
+ font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
32
32
  line-height: 24px;
33
33
 
34
34
 
35
35
  }
36
36
  @mixin font-size-header-6 {
37
37
  font-size: 16px;
38
- font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
38
+ font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
39
39
  line-height: 22px;
40
40
 
41
41
 
42
42
  }
43
43
  @mixin font-size-small {
44
44
  font-size: 12px;
45
- font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
45
+ font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
46
46
  line-height: 16px;
47
47
 
48
48
 
49
49
  }
50
50
  @mixin font-size-regular {
51
51
  font-size: 14px;
52
- font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
52
+ font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
53
53
  line-height: 20px;
54
54
 
55
55
 
package/scss/global.scss CHANGED
@@ -10,7 +10,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
10
10
  --semi-color-link: rgba(var(--semi-blue-5), 1);
11
11
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
12
12
  --semi-color-appbg: rgba(var(--semi-grey-1),1);
13
- --semi-color-black: rgba(var(--semi-black),0);
13
+ --semi-color-black: rgba(0,0,0,1);
14
14
  --semi-color-data-0: rgba(87, 105, 255, 1);
15
15
  --semi-color-data-1: rgba(142, 212, 231, 1);
16
16
  --semi-color-data-2: rgba(245, 135, 0, 1);
@@ -28,7 +28,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
28
28
  --semi-color-text-1: rgba(var(--semi-grey-9),0.8);
29
29
  --semi-color-text-2: rgba(var(--semi-grey-9),0.6);
30
30
  --semi-color-text-3: rgba(var(--semi-grey-9),0.35);
31
- --semi-color-white: rgba(var(--semi-white), 1);
31
+ --semi-color-white: rgba(255,255,255,1);
32
32
  --semi-color-data-10: rgba(48, 167, 206, 1);
33
33
  --semi-color-data-11: rgba(249, 192, 100, 1);
34
34
  --semi-color-data-12: rgba(177, 113, 249, 1);
@@ -39,11 +39,14 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
39
39
  --semi-color-data-17: rgba(182, 215, 129, 1);
40
40
  --semi-color-data-18: rgba(212, 88, 212, 1);
41
41
  --semi-color-data-19: rgba(188, 198, 255, 1);
42
- --semi-color-border: rgba(var(--semi-grey-9), 0.2);
42
+ --semi-color-border: rgba(var(--semi-grey-9),0.18);
43
43
  --semi-color-danger: rgba(var(--semi-red-5),1);
44
44
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
45
- --semi-color-border-1: rgba(var(--semi-grey-9),0.15);
46
- --semi-color-border-2: rgba(var(--semi-grey-9),0.1);
45
+ --semi-color-black-50: rgba(0,0,0,0.5);
46
+ --semi-color-black-70: rgba(0,0,0,0.7);
47
+ --semi-color-white-50: rgba(255,255,255,0.5);
48
+ --semi-color-border-1: rgba(var(--semi-grey-9),0.12);
49
+ --semi-color-border-2: rgba(var(--semi-grey-9),0.06);
47
50
  --semi-color-card-hover: rgba(var(--semi-grey-1),0.8);
48
51
  --semi-color-default: rgba(var(--semi-grey-0), 1);
49
52
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
@@ -83,9 +86,16 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
83
86
  --semi-color-tertiary-hover: rgba(var(--semi-grey-2),0.6);
84
87
  --semi-color-Timecode-border: rgba(var(--semi-green-6),1);
85
88
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
86
- --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
89
+ --semi-color-primary-disabled: rgba(var(--semi-brand-5),0.3);
87
90
  --semi-color-success-disabled: rgba(var(--semi-green-1),1);
88
91
  --semi-color-tertiary-active: rgba(var(--semi-grey-2),1);
92
+ --semi-color-Avatar-data-1: rgba(220,183,252,1);
93
+ --semi-color-Avatar-data-2: rgba(16,125,248,1);
94
+ --semi-color-Avatar-data-3: rgba(131,176,35,1);
95
+ --semi-color-Avatar-data-4: rgba(87,105,255,1);
96
+ --semi-color-Avatar-data-5: rgba(188,198,255,1);
97
+ --semi-color-Avatar-data-6: rgba(51,176,171,1);
98
+ --semi-color-Avatar-data-7: rgba(182,215,129,1);
89
99
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
90
100
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
91
101
  --semi-color-tertiary-disabled: rgba(var(--semi-grey-2),0.1);
@@ -93,6 +103,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
93
103
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
94
104
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
95
105
  --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
106
+ --semi-color-Avatar-data-visitor: rgba(231,231,232,1);
96
107
  --semi-color-button-Radio-bg: rgba(var(--semi-grey-1),1);
97
108
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
98
109
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
@@ -114,9 +125,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
114
125
  --semi-color-button-Radio-bg-active: rgba(255,255,255,1);
115
126
  --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
116
127
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
117
- font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
128
+ font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
118
129
  -webkit-font-smoothing: antialiased;;
119
- --semi-shadow-elevated: 0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 16px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0);
130
+ --semi-shadow-elevated: 0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 18px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0);
120
131
  --semi-shadow-0: none;
121
132
  --semi-shadow-1: none;
122
133
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
@@ -142,7 +153,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
142
153
  --semi-color-info: rgba(var(--semi-blue-5), 1);
143
154
  --semi-color-link: rgba(var(--semi-blue-5), 1);
144
155
  --semi-color-nav-bg: rgba(35, 36, 41, 1);
145
- --semi-color-appbg: rgba(56,56,56,1);
156
+ --semi-color-appbg: rgba(0,0,0,1);
146
157
  --semi-color-black: rgba(0,0,0,1);
147
158
  --semi-color-data-0: rgba(94,109,194,1);
148
159
  --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -189,6 +200,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
189
200
  --semi-color-black-50: rgba(0,0,0,0.5);
190
201
  --semi-color-black-70: rgba(0,0,0,0.7);
191
202
  --semi-color-Drag-hover: rgba(var(--semi-blue-9),0.5);
203
+ --semi-color-Tabs-hover: rgba(255,255,255,0.04);
192
204
  --semi-color-border-1: rgba(255,255,255,0.12);
193
205
  --semi-color-border-2: rgba(255,255,255,0.06);
194
206
  --semi-color-card-hover: rgba(255,255,255,0.1);
@@ -200,9 +212,11 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
200
212
  --semi-color-success: rgba(var(--semi-green-5),1);
201
213
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
202
214
  --semi-color-Drag-active: rgba(var(--semi-blue-4),1);
215
+ --semi-color-Tabs-active: rgba(255,255,255,0.08);
203
216
  --semi-color-card-active: rgba(255,255,255,0.16);
204
217
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
205
218
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
219
+ --semi-color-Tabs-default: rgba(255,255,255,0);
206
220
  --semi-color-card-default: rgba(255,255,255,0.06);
207
221
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
208
222
  --semi-color-modal-bg: rgba(var(--semi-grey-0),0.7);
@@ -236,6 +250,13 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
236
250
  --semi-color-primary-disabled: rgba(var(--semi-brand-4),0.2);
237
251
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
238
252
  --semi-color-tertiary-active: rgba(255,255,255,0.24);
253
+ --semi-color-Avatar-data-1: rgba(109,83,178,1);
254
+ --semi-color-Avatar-data-2: rgba(16,125,248,1);
255
+ --semi-color-Avatar-data-3: rgba(154,207,13,1);
256
+ --semi-color-Avatar-data-4: rgba(94,109,194,1);
257
+ --semi-color-Avatar-data-5: rgba(40,51,138,1);
258
+ --semi-color-Avatar-data-6: rgba(16,162,180,1);
259
+ --semi-color-Avatar-data-7: rgba(98,138,6,1);
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);
@@ -248,6 +269,7 @@ 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);
272
+ --semi-color-Avatar-data-visitor: rgba(46,47,48,1);
251
273
  --semi-color-button-Radio-bg: rgba(var(--semi-blue-2),1);
252
274
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
253
275
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
@@ -273,9 +295,9 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
273
295
  --semi-color-button-Radio-bg-active: rgba(var(--semi-blue-7),1);
274
296
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
275
297
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
276
- font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
298
+ font-family: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
277
299
  -webkit-font-smoothing: antialiased;;
278
- --semi-shadow-elevated: 0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 16px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0);
300
+ --semi-shadow-elevated: 0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 18px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0);
279
301
  --semi-shadow-0: none;
280
302
  --semi-shadow-1: none;
281
303
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
package/scss/local.scss CHANGED
@@ -37,6 +37,7 @@ $color-table_body-bg-hover: var(--semi-color-fill-0);
37
37
  $color-table_cell-bg-hover: var(--semi-color-card-hover);
38
38
  $color-table-border-default: var(--semi-color-border-1);
39
39
  $color-button_primary-border-default: var(--semi-color-border-2);
40
+ $color-button_disabled_primary-bg-default: var(--semi-color-primary-disabled);
40
41
  $height-button_small: 28px;
41
42
  $height-button_default: 32px;
42
43
  $radius-button: 6px;
package/scss/mixin.scss CHANGED
@@ -11,7 +11,7 @@
11
11
  box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
12
12
  };
13
13
  @mixin shadow-elevated {
14
- box-shadow: 0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 16px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0);
14
+ box-shadow: 0px 0px 1px 0px rgba(3,3,3,0.4),0px 6px 18px -1px rgba(0,0,0,0.10),0px 0px 0px 0px rgba(102,204,255,0);
15
15
  };
16
16
 
17
17
  @mixin box-sizing() {
package/scss/variables.scss CHANGED
@@ -55,7 +55,7 @@ $z-resizable_handler: 2000; // 伸缩框组件中handler的z-index
55
55
  // font
56
56
 
57
57
 
58
- $font-family-regular: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; // semi 预置字体回退
58
+ $font-family-regular: Montserrat, 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Inter', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; // semi 预置字体回退
59
59
  $font-size-small: 12px; // 小文本字号
60
60
  $font-size-regular: 14px; // 常规文本字号
61
61