@semi-bot/semi-theme-fn-music 1.0.43 → 1.0.46

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/package.json +1 -1
  2. package/raw.json +27 -13
  3. package/scss/_font.scss +8 -8
  4. package/scss/global.scss +23 -9
  5. package/scss/variables.scss +1 -1
  6. package/semi.css +183 -169
  7. package/semi.min.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-fn-music",
3
- "version": "1.0.43",
3
+ "version": "1.0.46",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -397,10 +397,11 @@
397
397
  "nav/--semi-color-nav-hover": "rgba(255,255,255,0.08)",
398
398
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
399
399
  "tag/--semi-color-tag-hover": "rgba(255,255,255,0.12)",
400
- "white/--semi-color-white-1": "rgba(255,255,255,0.01)",
400
+ "white/--semi-color-white-1": "rgba(255,255,255,0.1)",
401
401
  "white/--semi-color-white-2": "rgba(255,255,255,0.2)",
402
402
  "white/--semi-color-white-5": "rgba(255,255,255,0.5)",
403
403
  "white/--semi-color-white-6": "rgba(255,255,255,0.6)",
404
+ "white/--semi-color-white-8": "rgba(255,255,255,0.8)",
404
405
  "modal/--semi-color-modal-bg": "rgba(18,18,20,0.68)",
405
406
  "nav/--semi-color-nav-active": "rgba(255,255,255,0.08)",
406
407
  "pop/--semi-color-pop-border": "rgba(255,255,255,0.2)",
@@ -417,25 +418,31 @@
417
418
  "divider/--semi-color-divider-0": "rgba(255,255,255,0.16)",
418
419
  "divider/--semi-color-divider-1": "rgba(255,255,255,0.12)",
419
420
  "divider/--semi-color-divider-2": "rgba(255,255,255,0.08)",
421
+ "input/--semi-color-input-hover": "rgba(255,255,255,0.12)",
420
422
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
421
423
  "tertiary/--semi-color-tertiary": "rgba(255,255,255,0.08)",
422
424
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
423
425
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
426
+ "input/--semi-color-input-active": "rgba(255,255,255,0.16)",
424
427
  "modal/--semi-color-modal-border": "rgba(255,255,255,0.2)",
425
428
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
426
429
  "sidebar/--semi-color-sidebar-bg": "rgba(0,0,0,0.1)",
427
430
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
428
431
  "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
432
+ "input/--semi-color-input-default": "rgba(255,255,255,0.08)",
429
433
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
430
434
  "switch/--semi-color-switch-bg-on": "rgba(var(--semi-brand-4),1)",
431
435
  "Floating/--semi-color-Floating-bg": "rgba(0,0,0,0.2)",
432
436
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
433
437
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
438
+ "input/--semi-color-input-disabled": "rgba(255,255,255,0.02)",
434
439
  "switch/--semi-color-switch-bg-off": "rgba(255,255,255,0.08)",
440
+ "card-bg/--semi-color-card-bg-hover": "rgba(255,255,255,0.08)",
435
441
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
436
442
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-5),1)",
437
443
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
438
444
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
445
+ "card-bg/--semi-color-card-bg-active": "rgba(255,255,255,0.08)",
439
446
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
440
447
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
441
448
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
@@ -444,9 +451,11 @@
444
451
  "sidebar/--semi-color-sidebar-border": "rgba(255,255,255,0.12)",
445
452
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
446
453
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
454
+ "card-bg/--semi-color-card-bg-default": "rgba(255,255,255,0.04)",
447
455
  "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
448
456
  "Floating/--semi-color-Floating-border": "rgba(255,255,255,0.12)",
449
457
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
458
+ "input/--semi-color-input-activeborder": "rgba(255,255,255,0.12)",
450
459
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-1),1)",
451
460
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
452
461
  "tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.2)",
@@ -548,20 +557,24 @@
548
557
  "divider/--semi-color-divider-0": "rgba(18,18,20,0.16)",
549
558
  "divider/--semi-color-divider-1": "rgba(18,18,20,0.12)",
550
559
  "divider/--semi-color-divider-2": "rgba(18,18,20,0.06)",
560
+ "input/--semi-color-input-hover": "rgba(18,18,18,0.1)",
551
561
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
552
562
  "tertiary/--semi-color-tertiary": "rgba(0,0,0,0.08)",
553
563
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
554
564
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
565
+ "input/--semi-color-input-active": "rgba(18,18,20,0.14)",
555
566
  "modal/--semi-color-modal-border": "rgba(255,255,255,1)",
556
567
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
557
568
  "sidebar/--semi-color-sidebar-bg": "rgba(243,242,245,0.9)",
558
569
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
559
570
  "highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
571
+ "input/--semi-color-input-default": "rgba(18,18,20,0.06)",
560
572
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
561
573
  "switch/--semi-color-switch-bg-on": "rgba(var(--semi-brand-5),1)",
562
574
  "Floating/--semi-color-Floating-bg": "rgba(243,242,245,0.9)",
563
575
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
564
576
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
577
+ "input/--semi-color-input-disabled": "rgba(18,18,20,0.02)",
565
578
  "switch/--semi-color-switch-bg-off": "rgba(18,18,18,0.08)",
566
579
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
567
580
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
@@ -578,6 +591,7 @@
578
591
  "tertiary/--semi-color-tertiary-hover": "rgba(0,0,0,0.14)",
579
592
  "Floating/--semi-color-Floating-border": "rgba(255,255,255,1)",
580
593
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
594
+ "input/--semi-color-input-activeborder": "rgba(18,18,20,0.08)",
581
595
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
582
596
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
583
597
  "tertiary/--semi-color-tertiary-active": "rgba(0,0,0,0.14)",
@@ -774,44 +788,44 @@
774
788
  "Header": {
775
789
  "header-1": {
776
790
  "fontSize": "32px",
777
- "fontFamily": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif",
791
+ "fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
778
792
  "lineHeight": "44px"
779
793
  },
780
794
  "header-2": {
781
795
  "fontSize": "28px",
782
- "fontFamily": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif",
796
+ "fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
783
797
  "lineHeight": "40px"
784
798
  },
785
799
  "header-3": {
786
800
  "fontSize": "24px",
787
- "fontFamily": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif",
801
+ "fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
788
802
  "lineHeight": "32px"
789
803
  },
790
804
  "header-4": {
791
805
  "fontSize": "20px",
792
- "fontFamily": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif",
806
+ "fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
793
807
  "lineHeight": "28px"
794
808
  },
795
809
  "header-5": {
796
810
  "fontSize": "18px",
797
- "fontFamily": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif",
811
+ "fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
798
812
  "lineHeight": "24px"
799
813
  },
800
814
  "header-6": {
801
815
  "fontSize": "16px",
802
- "fontFamily": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif",
816
+ "fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
803
817
  "lineHeight": "22px"
804
818
  }
805
819
  },
806
820
  "Paragraph": {
807
821
  "small": {
808
822
  "fontSize": "12px",
809
- "fontFamily": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif",
823
+ "fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
810
824
  "lineHeight": "16px"
811
825
  },
812
826
  "regular": {
813
827
  "fontSize": "14px",
814
- "fontFamily": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif",
828
+ "fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
815
829
  "lineHeight": "20px"
816
830
  }
817
831
  }
@@ -837,16 +851,16 @@
837
851
  },
838
852
  "border-radius": {
839
853
  "--semi-border-radius-full": "9999px",
840
- "--semi-border-radius-large": "12px",
841
- "--semi-border-radius-small": "16px",
854
+ "--semi-border-radius-large": "32px",
855
+ "--semi-border-radius-small": "10px",
842
856
  "--semi-border-radius-circle": "50%",
843
- "--semi-border-radius-medium": "6px",
857
+ "--semi-border-radius-medium": "24px",
844
858
  "--semi-border-radius-extra-small": "3px"
845
859
  },
846
860
  "typography-base": {
847
861
  "scale": "default",
848
862
  "wordSpace": 0,
849
- "fontFamily": "Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif,'Inter'",
863
+ "fontFamily": " Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'",
850
864
  "letterSpace": 0,
851
865
  "baseFontSize": "14px",
852
866
  "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: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
3
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
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: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
10
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
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: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
17
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
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: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
24
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
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: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
31
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
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: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
38
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
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: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
45
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
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: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
52
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
53
53
  line-height: 20px;
54
54
 
55
55
 
package/scss/global.scss CHANGED
@@ -62,20 +62,24 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
62
62
  --semi-color-divider-0: rgba(18,18,20,0.16);
63
63
  --semi-color-divider-1: rgba(18,18,20,0.12);
64
64
  --semi-color-divider-2: rgba(18,18,20,0.06);
65
+ --semi-color-input-hover: rgba(18,18,18,0.1);
65
66
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
66
67
  --semi-color-tertiary: rgba(0,0,0,0.08);
67
68
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
68
69
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
70
+ --semi-color-input-active: rgba(18,18,20,0.14);
69
71
  --semi-color-modal-border: rgba(255,255,255,1);
70
72
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
71
73
  --semi-color-sidebar-bg: rgba(243,242,245,0.9);
72
74
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
73
75
  --semi-color-highlight: rgba(var(--semi-black), 1);
76
+ --semi-color-input-default: rgba(18,18,20,0.06);
74
77
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
75
78
  --semi-color-switch-bg-on: rgba(var(--semi-brand-5),1);
76
79
  --semi-color-Floating-bg: rgba(243,242,245,0.9);
77
80
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
78
81
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
82
+ --semi-color-input-disabled: rgba(18,18,20,0.02);
79
83
  --semi-color-switch-bg-off: rgba(18,18,18,0.08);
80
84
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
81
85
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
@@ -92,6 +96,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
92
96
  --semi-color-tertiary-hover: rgba(0,0,0,0.14);
93
97
  --semi-color-Floating-border: rgba(255,255,255,1);
94
98
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
99
+ --semi-color-input-activeborder: rgba(18,18,20,0.08);
95
100
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
96
101
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
97
102
  --semi-color-tertiary-active: rgba(0,0,0,0.14);
@@ -131,7 +136,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
131
136
  --semi-color-primary-Orange-disabled: rgba(255,121,12,0.1);
132
137
  --semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
133
138
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
134
- font-family: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif,'Inter';
139
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
135
140
  -webkit-font-smoothing: antialiased;;
136
141
  --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
137
142
  --semi-shadow-0: none;
@@ -139,10 +144,10 @@ font-family: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacS
139
144
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
140
145
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
141
146
  --semi-border-radius-full: 9999px;
142
- --semi-border-radius-large: 12px;
143
- --semi-border-radius-small: 16px;
147
+ --semi-border-radius-large: 32px;
148
+ --semi-border-radius-small: 10px;
144
149
  --semi-border-radius-circle: 50%;
145
- --semi-border-radius-medium: 6px;
150
+ --semi-border-radius-medium: 24px;
146
151
  --semi-border-radius-extra-small: 3px;
147
152
 
148
153
 
@@ -193,10 +198,11 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
193
198
  --semi-color-nav-hover: rgba(255,255,255,0.08);
194
199
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
195
200
  --semi-color-tag-hover: rgba(255,255,255,0.12);
196
- --semi-color-white-1: rgba(255,255,255,0.01);
201
+ --semi-color-white-1: rgba(255,255,255,0.1);
197
202
  --semi-color-white-2: rgba(255,255,255,0.2);
198
203
  --semi-color-white-5: rgba(255,255,255,0.5);
199
204
  --semi-color-white-6: rgba(255,255,255,0.6);
205
+ --semi-color-white-8: rgba(255,255,255,0.8);
200
206
  --semi-color-modal-bg: rgba(18,18,20,0.68);
201
207
  --semi-color-nav-active: rgba(255,255,255,0.08);
202
208
  --semi-color-pop-border: rgba(255,255,255,0.2);
@@ -213,25 +219,31 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
213
219
  --semi-color-divider-0: rgba(255,255,255,0.16);
214
220
  --semi-color-divider-1: rgba(255,255,255,0.12);
215
221
  --semi-color-divider-2: rgba(255,255,255,0.08);
222
+ --semi-color-input-hover: rgba(255,255,255,0.12);
216
223
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
217
224
  --semi-color-tertiary: rgba(255,255,255,0.08);
218
225
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
219
226
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
227
+ --semi-color-input-active: rgba(255,255,255,0.16);
220
228
  --semi-color-modal-border: rgba(255,255,255,0.2);
221
229
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
222
230
  --semi-color-sidebar-bg: rgba(0,0,0,0.1);
223
231
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
224
232
  --semi-color-highlight: rgba(var(--semi-white), 1);
233
+ --semi-color-input-default: rgba(255,255,255,0.08);
225
234
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
226
235
  --semi-color-switch-bg-on: rgba(var(--semi-brand-4),1);
227
236
  --semi-color-Floating-bg: rgba(0,0,0,0.2);
228
237
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
229
238
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
239
+ --semi-color-input-disabled: rgba(255,255,255,0.02);
230
240
  --semi-color-switch-bg-off: rgba(255,255,255,0.08);
241
+ --semi-color-card-bg-hover: rgba(255,255,255,0.08);
231
242
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
232
243
  --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
233
244
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
234
245
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
246
+ --semi-color-card-bg-active: rgba(255,255,255,0.08);
235
247
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
236
248
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
237
249
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
@@ -240,9 +252,11 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
240
252
  --semi-color-sidebar-border: rgba(255,255,255,0.12);
241
253
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
242
254
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
255
+ --semi-color-card-bg-default: rgba(255,255,255,0.04);
243
256
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
244
257
  --semi-color-Floating-border: rgba(255,255,255,0.12);
245
258
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
259
+ --semi-color-input-activeborder: rgba(255,255,255,0.12);
246
260
  --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
247
261
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
248
262
  --semi-color-tertiary-active: rgba(255,255,255,0.2);
@@ -281,7 +295,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
281
295
  --semi-color-primary-Orange-disabled: rgba(184,72,11, 1);
282
296
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
283
297
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
284
- font-family: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif,'Inter';
298
+ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter';
285
299
  -webkit-font-smoothing: antialiased;;
286
300
  --semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
287
301
  --semi-shadow-0: none;
@@ -289,10 +303,10 @@ font-family: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacS
289
303
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
290
304
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
291
305
  --semi-border-radius-full: 9999px;
292
- --semi-border-radius-large: 12px;
293
- --semi-border-radius-small: 16px;
306
+ --semi-border-radius-large: 32px;
307
+ --semi-border-radius-small: 10px;
294
308
  --semi-border-radius-circle: 50%;
295
- --semi-border-radius-medium: 6px;
309
+ --semi-border-radius-medium: 24px;
296
310
  --semi-border-radius-extra-small: 3px;
297
311
 
298
312
 
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: Helvetica, 'Helvetica Neue','PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif,'Inter'; // semi 预置字体回退
58
+ $font-family-regular: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif, 'Inter'; // semi 预置字体回退
59
59
  $font-size-small: 12px; // 小文本字号
60
60
  $font-size-regular: 14px; // 常规文本字号
61
61