@semi-bot/semi-theme-ceos 1.0.6-beta.1 → 1.0.6-beta.10
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.
- package/README.md +1 -1
- package/package.json +1 -1
- package/raw.json +82 -46
- package/scss/_font.scss +8 -8
- package/scss/_palette.scss +20 -20
- package/scss/global.scss +21 -18
- package/scss/local.scss +15 -0
- package/scss/variables.scss +1 -1
- package/semi.css +259 -256
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -33,16 +33,16 @@
|
|
|
33
33
|
"--semi-cyan-7": "154,234,243",
|
|
34
34
|
"--semi-cyan-8": "203,245,249",
|
|
35
35
|
"--semi-cyan-9": "234,251,252",
|
|
36
|
-
"--semi-grey-0": "
|
|
37
|
-
"--semi-grey-1": "
|
|
38
|
-
"--semi-grey-2": "
|
|
39
|
-
"--semi-grey-3": "
|
|
40
|
-
"--semi-grey-4": "
|
|
41
|
-
"--semi-grey-5": "
|
|
42
|
-
"--semi-grey-6": "
|
|
43
|
-
"--semi-grey-7": "
|
|
44
|
-
"--semi-grey-8": "
|
|
45
|
-
"--semi-grey-9": "
|
|
36
|
+
"--semi-grey-0": "44,47,50",
|
|
37
|
+
"--semi-grey-1": "63,67,71",
|
|
38
|
+
"--semi-grey-2": "84,88,91",
|
|
39
|
+
"--semi-grey-3": "107,109,112",
|
|
40
|
+
"--semi-grey-4": "127,128,129",
|
|
41
|
+
"--semi-grey-5": "156,157,158",
|
|
42
|
+
"--semi-grey-6": "182,183,184",
|
|
43
|
+
"--semi-grey-7": "209,210,210",
|
|
44
|
+
"--semi-grey-8": "236,236,236",
|
|
45
|
+
"--semi-grey-9": "249,249,249",
|
|
46
46
|
"--semi-lime-0": "45,71,3",
|
|
47
47
|
"--semi-lime-1": "70,107,5",
|
|
48
48
|
"--semi-lime-2": "96,143,8",
|
|
@@ -207,16 +207,16 @@
|
|
|
207
207
|
"--semi-cyan-7": "0,121,148",
|
|
208
208
|
"--semi-cyan-8": "0,89,111",
|
|
209
209
|
"--semi-cyan-9": "0,58,74",
|
|
210
|
-
"--semi-grey-0": "
|
|
211
|
-
"--semi-grey-1": "
|
|
212
|
-
"--semi-grey-2": "
|
|
213
|
-
"--semi-grey-3": "
|
|
214
|
-
"--semi-grey-4": "
|
|
215
|
-
"--semi-grey-5": "
|
|
216
|
-
"--semi-grey-6": "
|
|
217
|
-
"--semi-grey-7": "
|
|
218
|
-
"--semi-grey-8": "
|
|
219
|
-
"--semi-grey-9": "
|
|
210
|
+
"--semi-grey-0": "249,249,249",
|
|
211
|
+
"--semi-grey-1": "235,236,236",
|
|
212
|
+
"--semi-grey-2": "208,209,209",
|
|
213
|
+
"--semi-grey-3": "181,182,182",
|
|
214
|
+
"--semi-grey-4": "154,155,156",
|
|
215
|
+
"--semi-grey-5": "127,128,129",
|
|
216
|
+
"--semi-grey-6": "104,106,109",
|
|
217
|
+
"--semi-grey-7": "82,85,88",
|
|
218
|
+
"--semi-grey-8": "61,64,68",
|
|
219
|
+
"--semi-grey-9": "41,44,47",
|
|
220
220
|
"--semi-lime-0": "241,251,231",
|
|
221
221
|
"--semi-lime-1": "224,246,197",
|
|
222
222
|
"--semi-lime-2": "198,237,142",
|
|
@@ -482,6 +482,7 @@
|
|
|
482
482
|
"secondary-light/--semi-color-secondary-light-default": "rgba(var(--semi-light-blue-5), 0.2)"
|
|
483
483
|
},
|
|
484
484
|
"light": {
|
|
485
|
+
"app/--semi-color-app": "rgba(var(--semi-grey-0), 1)",
|
|
485
486
|
"bg/--semi-color-bg-0": "rgba(var(--semi-white), 1)",
|
|
486
487
|
"bg/--semi-color-bg-1": "rgba(var(--semi-white), 1)",
|
|
487
488
|
"bg/--semi-color-bg-2": "rgba(var(--semi-white), 1)",
|
|
@@ -501,13 +502,13 @@
|
|
|
501
502
|
"data/--semi-color-data-7": "rgba(139, 215, 210, 1)",
|
|
502
503
|
"data/--semi-color-data-8": "rgba(131, 176, 35, 1)",
|
|
503
504
|
"data/--semi-color-data-9": "rgba(233, 165, 229, 1)",
|
|
504
|
-
"fill/--semi-color-fill-0": "rgba(var(--semi-grey-
|
|
505
|
-
"fill/--semi-color-fill-1": "rgba(var(--semi-grey-
|
|
506
|
-
"fill/--semi-color-fill-2": "rgba(var(--semi-grey-
|
|
507
|
-
"text/--semi-color-text-0": "rgba(var(--semi-
|
|
508
|
-
"text/--semi-color-text-1": "rgba(var(--semi-
|
|
509
|
-
"text/--semi-color-text-2": "rgba(var(--semi-
|
|
510
|
-
"text/--semi-color-text-3": "rgba(var(--semi-
|
|
505
|
+
"fill/--semi-color-fill-0": "rgba(var(--semi-grey-9),0.04)",
|
|
506
|
+
"fill/--semi-color-fill-1": "rgba(var(--semi-grey-9),0.06)",
|
|
507
|
+
"fill/--semi-color-fill-2": "rgba(var(--semi-grey-9),0.12)",
|
|
508
|
+
"text/--semi-color-text-0": "rgba(var(--semi-neutral-9),1)",
|
|
509
|
+
"text/--semi-color-text-1": "rgba(var(--semi-neutral-9),0.8)",
|
|
510
|
+
"text/--semi-color-text-2": "rgba(var(--semi-neutral-9), 0.6)",
|
|
511
|
+
"text/--semi-color-text-3": "rgba(var(--semi-neutral-9), 0.35)",
|
|
511
512
|
"white/--semi-color-white": "rgba(var(--semi-white), 1)",
|
|
512
513
|
"data/--semi-color-data-10": "rgba(48, 167, 206, 1)",
|
|
513
514
|
"data/--semi-color-data-11": "rgba(249, 192, 100, 1)",
|
|
@@ -519,10 +520,10 @@
|
|
|
519
520
|
"data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
|
|
520
521
|
"data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
|
|
521
522
|
"data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
|
|
522
|
-
"border/--semi-color-border": "rgba(
|
|
523
|
-
"custom/--semi-color-custom": "rgba(var(--semi-blue-5),1)",
|
|
523
|
+
"border/--semi-color-border": "rgba(14,14,15,0.16)",
|
|
524
524
|
"danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
|
|
525
525
|
"shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
|
|
526
|
+
"app/--semi-color-app-header": "rgba(var(--semi-grey-0),0)",
|
|
526
527
|
"default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
|
|
527
528
|
"info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
|
|
528
529
|
"link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
|
|
@@ -531,28 +532,30 @@
|
|
|
531
532
|
"warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
|
|
532
533
|
"info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
|
|
533
534
|
"link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
|
|
535
|
+
"app/--semi-color-app-container": "rgba(255,255,255,1)",
|
|
534
536
|
"link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
|
|
535
537
|
"tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
|
|
536
538
|
"focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
|
|
537
539
|
"info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
|
|
538
540
|
"overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
|
|
539
|
-
"border/--semi-color-border-modal": "rgba(
|
|
540
|
-
"custom/--semi-color-custom-hover": "rgba(var(--semi-blue-6),1)",
|
|
541
|
+
"border/--semi-color-border-modal": "rgba(4,5,0, 0.06)",
|
|
541
542
|
"danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
|
|
542
543
|
"highlight/--semi-color-highlight": "rgba(var(--semi-black), 1)",
|
|
544
|
+
"input/--semi-color-input-HoverBg": "rgba(255,255,255,1)",
|
|
543
545
|
"secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
|
|
544
|
-
"custom/--semi-color-custom-active": "rgba(var(--semi-blue-7),1)",
|
|
545
546
|
"danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
|
|
546
547
|
"disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
|
|
548
|
+
"input/--semi-color-input-ActiveBg": "rgba(255,255,255,1)",
|
|
547
549
|
"default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
|
|
550
|
+
"input/--semi-color-input-DefaultBg": "rgba(255,255,255,1)",
|
|
548
551
|
"primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
|
|
549
552
|
"success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
|
|
550
553
|
"warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
|
|
551
|
-
"custom/--semi-color-custom-disabled": "rgba(var(--semi-blue-2),1)",
|
|
552
554
|
"default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
|
|
553
555
|
"disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
|
|
554
556
|
"disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
|
|
555
557
|
"highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-4), 1)",
|
|
558
|
+
"input/--semi-color-input-DisabledBg": "rgba(var(--semi-grey-5),0.16)",
|
|
556
559
|
"primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
|
|
557
560
|
"success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
|
|
558
561
|
"warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
|
|
@@ -568,9 +571,9 @@
|
|
|
568
571
|
"info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-2), 1)",
|
|
569
572
|
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
|
|
570
573
|
"info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-0), 1)",
|
|
571
|
-
"danger-light/--semi-color-danger-light-hover": "rgba(
|
|
572
|
-
"danger-light/--semi-color-danger-light-active": "rgba(
|
|
573
|
-
"danger-light/--semi-color-danger-light-default": "rgba(
|
|
574
|
+
"danger-light/--semi-color-danger-light-hover": "rgba(245,147,152,0.3)",
|
|
575
|
+
"danger-light/--semi-color-danger-light-active": "rgba(245,147,152,0.4)",
|
|
576
|
+
"danger-light/--semi-color-danger-light-default": "rgba(245,147,152,0.2)",
|
|
574
577
|
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-1), 1)",
|
|
575
578
|
"success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-1), 1)",
|
|
576
579
|
"warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-1), 1)",
|
|
@@ -716,6 +719,26 @@
|
|
|
716
719
|
}
|
|
717
720
|
},
|
|
718
721
|
"components": {
|
|
722
|
+
"input": {
|
|
723
|
+
"color": {
|
|
724
|
+
"$color-input_default-bg-focus": "var(--semi-color-input-DefaultBg)",
|
|
725
|
+
"$color-input_default-bg-hover": "var(--semi-color-input-HoverBg)",
|
|
726
|
+
"$color-input_default-bg-active": "var(--semi-color-input-ActiveBg)",
|
|
727
|
+
"$color-input_default-bg-default": "var(--semi-color-input-DefaultBg)",
|
|
728
|
+
"$color-input_default-border-hover": "var(--semi-color-border)",
|
|
729
|
+
"$color-input_default-bg-focus-hover": "var(--semi-color-input-DefaultBg)",
|
|
730
|
+
"$color-input_default-border-default": "var(--semi-color-border)"
|
|
731
|
+
},
|
|
732
|
+
"height": {
|
|
733
|
+
"$height-input_large": "40px",
|
|
734
|
+
"$height-input_small": "24px",
|
|
735
|
+
"$height-input_default": "34px",
|
|
736
|
+
"$height-input_wrapper_default": "36px"
|
|
737
|
+
},
|
|
738
|
+
"radius": {
|
|
739
|
+
"$radius-input_wrapper": "6px"
|
|
740
|
+
}
|
|
741
|
+
},
|
|
719
742
|
"modal": {
|
|
720
743
|
"color": {
|
|
721
744
|
"$color-modal_content-border": "var(--semi-color-border-modal)"
|
|
@@ -729,50 +752,63 @@
|
|
|
729
752
|
"radius": {
|
|
730
753
|
"$radius-button": "8px"
|
|
731
754
|
}
|
|
755
|
+
},
|
|
756
|
+
"select": {
|
|
757
|
+
"radius": {
|
|
758
|
+
"$radius-select": "6px"
|
|
759
|
+
}
|
|
760
|
+
},
|
|
761
|
+
"inputNumber": {
|
|
762
|
+
"height": {
|
|
763
|
+
"$height-inputNumber_button_small": "28px"
|
|
764
|
+
},
|
|
765
|
+
"radius": {
|
|
766
|
+
"$radius-inputNumber": "6px"
|
|
767
|
+
}
|
|
732
768
|
}
|
|
733
769
|
},
|
|
734
770
|
"typography": {
|
|
735
771
|
"Header": {
|
|
736
772
|
"header-1": {
|
|
737
773
|
"fontSize": "36px",
|
|
738
|
-
"fontFamily": "
|
|
774
|
+
"fontFamily": " PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif",
|
|
739
775
|
"lineHeight": "44px"
|
|
740
776
|
},
|
|
741
777
|
"header-2": {
|
|
742
778
|
"fontSize": "28px",
|
|
743
|
-
"fontFamily": "
|
|
779
|
+
"fontFamily": " PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif",
|
|
744
780
|
"lineHeight": "40px"
|
|
745
781
|
},
|
|
746
782
|
"header-3": {
|
|
747
783
|
"fontSize": "24px",
|
|
748
|
-
"fontFamily": "
|
|
784
|
+
"fontFamily": " PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif",
|
|
749
785
|
"lineHeight": "32px"
|
|
750
786
|
},
|
|
751
787
|
"header-4": {
|
|
752
788
|
"fontSize": "20px",
|
|
753
|
-
"fontFamily": "
|
|
789
|
+
"fontFamily": " PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif",
|
|
754
790
|
"lineHeight": "28px"
|
|
755
791
|
},
|
|
756
792
|
"header-5": {
|
|
757
793
|
"fontSize": "18px",
|
|
758
|
-
"fontFamily": "
|
|
794
|
+
"fontFamily": " PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif",
|
|
759
795
|
"lineHeight": "24px"
|
|
760
796
|
},
|
|
761
797
|
"header-6": {
|
|
762
798
|
"fontSize": "16px",
|
|
763
|
-
"fontFamily": "
|
|
799
|
+
"fontFamily": " PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif",
|
|
764
800
|
"lineHeight": "22px"
|
|
765
801
|
}
|
|
766
802
|
},
|
|
767
803
|
"Paragraph": {
|
|
768
804
|
"small": {
|
|
769
805
|
"fontSize": "12px",
|
|
770
|
-
"fontFamily": "
|
|
806
|
+
"fontFamily": " PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif",
|
|
771
807
|
"lineHeight": "16px"
|
|
772
808
|
},
|
|
773
809
|
"regular": {
|
|
774
810
|
"fontSize": "14px",
|
|
775
|
-
"fontFamily": "
|
|
811
|
+
"fontFamily": " PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif",
|
|
776
812
|
"lineHeight": "20px"
|
|
777
813
|
}
|
|
778
814
|
}
|
|
@@ -781,7 +817,7 @@
|
|
|
781
817
|
"red": "#e60023",
|
|
782
818
|
"blue": "#0066ff",
|
|
783
819
|
"cyan": "#00bdde",
|
|
784
|
-
"grey": "#
|
|
820
|
+
"grey": "#7f8081",
|
|
785
821
|
"lime": "#91d300",
|
|
786
822
|
"pink": "#eb1e51",
|
|
787
823
|
"teal": "#00b3b2",
|
|
@@ -813,7 +849,7 @@
|
|
|
813
849
|
"typography-base": {
|
|
814
850
|
"scale": "default",
|
|
815
851
|
"wordSpace": 0,
|
|
816
|
-
"fontFamily": "
|
|
852
|
+
"fontFamily": " PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif",
|
|
817
853
|
"letterSpace": 0,
|
|
818
854
|
"baseFontSize": "14px",
|
|
819
855
|
"lineHeightMultiplier": 1.4
|
package/scss/_font.scss
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
1
|
@mixin font-size-header-1 {
|
|
2
2
|
font-size: 36px;
|
|
3
|
-
font-family:
|
|
3
|
+
font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, 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:
|
|
10
|
+
font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, 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:
|
|
17
|
+
font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, 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:
|
|
24
|
+
font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, 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:
|
|
31
|
+
font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, 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:
|
|
38
|
+
font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, 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:
|
|
45
|
+
font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, 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:
|
|
52
|
+
font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
|
|
53
53
|
line-height: 20px;
|
|
54
54
|
|
|
55
55
|
|
package/scss/_palette.scss
CHANGED
|
@@ -31,16 +31,16 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
31
31
|
--semi-cyan-7: 0,121,148;
|
|
32
32
|
--semi-cyan-8: 0,89,111;
|
|
33
33
|
--semi-cyan-9: 0,58,74;
|
|
34
|
-
--semi-grey-0:
|
|
35
|
-
--semi-grey-1:
|
|
36
|
-
--semi-grey-2:
|
|
37
|
-
--semi-grey-3:
|
|
38
|
-
--semi-grey-4:
|
|
39
|
-
--semi-grey-5:
|
|
40
|
-
--semi-grey-6:
|
|
41
|
-
--semi-grey-7:
|
|
42
|
-
--semi-grey-8:
|
|
43
|
-
--semi-grey-9:
|
|
34
|
+
--semi-grey-0: 249,249,249;
|
|
35
|
+
--semi-grey-1: 235,236,236;
|
|
36
|
+
--semi-grey-2: 208,209,209;
|
|
37
|
+
--semi-grey-3: 181,182,182;
|
|
38
|
+
--semi-grey-4: 154,155,156;
|
|
39
|
+
--semi-grey-5: 127,128,129;
|
|
40
|
+
--semi-grey-6: 104,106,109;
|
|
41
|
+
--semi-grey-7: 82,85,88;
|
|
42
|
+
--semi-grey-8: 61,64,68;
|
|
43
|
+
--semi-grey-9: 41,44,47;
|
|
44
44
|
--semi-lime-0: 241,251,231;
|
|
45
45
|
--semi-lime-1: 224,246,197;
|
|
46
46
|
--semi-lime-2: 198,237,142;
|
|
@@ -237,16 +237,16 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
237
237
|
--semi-cyan-7: 154,234,243;
|
|
238
238
|
--semi-cyan-8: 203,245,249;
|
|
239
239
|
--semi-cyan-9: 234,251,252;
|
|
240
|
-
--semi-grey-0:
|
|
241
|
-
--semi-grey-1:
|
|
242
|
-
--semi-grey-2:
|
|
243
|
-
--semi-grey-3:
|
|
244
|
-
--semi-grey-4:
|
|
245
|
-
--semi-grey-5:
|
|
246
|
-
--semi-grey-6:
|
|
247
|
-
--semi-grey-7:
|
|
248
|
-
--semi-grey-8:
|
|
249
|
-
--semi-grey-9:
|
|
240
|
+
--semi-grey-0: 44,47,50;
|
|
241
|
+
--semi-grey-1: 63,67,71;
|
|
242
|
+
--semi-grey-2: 84,88,91;
|
|
243
|
+
--semi-grey-3: 107,109,112;
|
|
244
|
+
--semi-grey-4: 127,128,129;
|
|
245
|
+
--semi-grey-5: 156,157,158;
|
|
246
|
+
--semi-grey-6: 182,183,184;
|
|
247
|
+
--semi-grey-7: 209,210,210;
|
|
248
|
+
--semi-grey-8: 236,236,236;
|
|
249
|
+
--semi-grey-9: 249,249,249;
|
|
250
250
|
--semi-lime-0: 45,71,3;
|
|
251
251
|
--semi-lime-1: 70,107,5;
|
|
252
252
|
--semi-lime-2: 96,143,8;
|
package/scss/global.scss
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@import './_palette.scss';
|
|
2
2
|
|
|
3
3
|
body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
|
|
4
|
+
--semi-color-app: rgba(var(--semi-grey-0), 1);
|
|
4
5
|
--semi-color-bg-0: rgba(var(--semi-white), 1);
|
|
5
6
|
--semi-color-bg-1: rgba(var(--semi-white), 1);
|
|
6
7
|
--semi-color-bg-2: rgba(var(--semi-white), 1);
|
|
@@ -20,13 +21,13 @@ 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-
|
|
24
|
-
--semi-color-fill-1: rgba(var(--semi-grey-
|
|
25
|
-
--semi-color-fill-2: rgba(var(--semi-grey-
|
|
26
|
-
--semi-color-text-0: rgba(var(--semi-
|
|
27
|
-
--semi-color-text-1: rgba(var(--semi-
|
|
28
|
-
--semi-color-text-2: rgba(var(--semi-
|
|
29
|
-
--semi-color-text-3: rgba(var(--semi-
|
|
24
|
+
--semi-color-fill-0: rgba(var(--semi-grey-9),0.04);
|
|
25
|
+
--semi-color-fill-1: rgba(var(--semi-grey-9),0.06);
|
|
26
|
+
--semi-color-fill-2: rgba(var(--semi-grey-9),0.12);
|
|
27
|
+
--semi-color-text-0: rgba(var(--semi-neutral-9),1);
|
|
28
|
+
--semi-color-text-1: rgba(var(--semi-neutral-9),0.8);
|
|
29
|
+
--semi-color-text-2: rgba(var(--semi-neutral-9), 0.6);
|
|
30
|
+
--semi-color-text-3: rgba(var(--semi-neutral-9), 0.35);
|
|
30
31
|
--semi-color-white: rgba(var(--semi-white), 1);
|
|
31
32
|
--semi-color-data-10: rgba(48, 167, 206, 1);
|
|
32
33
|
--semi-color-data-11: rgba(249, 192, 100, 1);
|
|
@@ -38,10 +39,10 @@ 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(
|
|
42
|
-
--semi-color-custom: rgba(var(--semi-blue-5),1);
|
|
42
|
+
--semi-color-border: rgba(14,14,15,0.16);
|
|
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-app-header: rgba(var(--semi-grey-0),0);
|
|
45
46
|
--semi-color-default: rgba(var(--semi-grey-0), 1);
|
|
46
47
|
--semi-color-info-hover: rgba(var(--semi-blue-6), 1);
|
|
47
48
|
--semi-color-link-hover: rgba(var(--semi-blue-6), 1);
|
|
@@ -50,28 +51,30 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
50
51
|
--semi-color-warning: rgba(var(--semi-orange-5), 1);
|
|
51
52
|
--semi-color-info-active: rgba(var(--semi-blue-7), 1);
|
|
52
53
|
--semi-color-link-active: rgba(var(--semi-blue-7), 1);
|
|
54
|
+
--semi-color-app-container: rgba(255,255,255,1);
|
|
53
55
|
--semi-color-link-visited: rgba(var(--semi-blue-5), 1);
|
|
54
56
|
--semi-color-tertiary: rgba(var(--semi-grey-5), 1);
|
|
55
57
|
--semi-color-focus-border: rgba(var(--semi-brand-5), 1);
|
|
56
58
|
--semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
|
|
57
59
|
--semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
|
|
58
|
-
--semi-color-border-modal: rgba(
|
|
59
|
-
--semi-color-custom-hover: rgba(var(--semi-blue-6),1);
|
|
60
|
+
--semi-color-border-modal: rgba(4,5,0, 0.06);
|
|
60
61
|
--semi-color-danger-hover: rgba(var(--semi-red-6), 1);
|
|
61
62
|
--semi-color-highlight: rgba(var(--semi-black), 1);
|
|
63
|
+
--semi-color-input-HoverBg: rgba(255,255,255,1);
|
|
62
64
|
--semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
|
|
63
|
-
--semi-color-custom-active: rgba(var(--semi-blue-7),1);
|
|
64
65
|
--semi-color-danger-active: rgba(var(--semi-red-7), 1);
|
|
65
66
|
--semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
|
|
67
|
+
--semi-color-input-ActiveBg: rgba(255,255,255,1);
|
|
66
68
|
--semi-color-default-hover: rgba(var(--semi-grey-1), 1);
|
|
69
|
+
--semi-color-input-DefaultBg: rgba(255,255,255,1);
|
|
67
70
|
--semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
|
|
68
71
|
--semi-color-success-hover: rgba(var(--semi-green-6), 1);
|
|
69
72
|
--semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
|
|
70
|
-
--semi-color-custom-disabled: rgba(var(--semi-blue-2),1);
|
|
71
73
|
--semi-color-default-active: rgba(var(--semi-grey-2), 1);
|
|
72
74
|
--semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
|
|
73
75
|
--semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
|
|
74
76
|
--semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
|
|
77
|
+
--semi-color-input-DisabledBg: rgba(var(--semi-grey-5),0.16);
|
|
75
78
|
--semi-color-primary-active: rgba(var(--semi-brand-7), 1);
|
|
76
79
|
--semi-color-success-active: rgba(var(--semi-green-7), 1);
|
|
77
80
|
--semi-color-warning-active: rgba(var(--semi-orange-7), 1);
|
|
@@ -87,9 +90,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
87
90
|
--semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
|
|
88
91
|
--semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
|
|
89
92
|
--semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
|
|
90
|
-
--semi-color-danger-light-hover: rgba(
|
|
91
|
-
--semi-color-danger-light-active: rgba(
|
|
92
|
-
--semi-color-danger-light-default: rgba(
|
|
93
|
+
--semi-color-danger-light-hover: rgba(245,147,152,0.3);
|
|
94
|
+
--semi-color-danger-light-active: rgba(245,147,152,0.4);
|
|
95
|
+
--semi-color-danger-light-default: rgba(245,147,152,0.2);
|
|
93
96
|
--semi-color-primary-light-hover: rgba(var(--semi-brand-1), 1);
|
|
94
97
|
--semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
|
|
95
98
|
--semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
|
|
@@ -105,7 +108,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
105
108
|
--semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
|
|
106
109
|
--semi-color-secondary-light-active: rgba(var(--semi-blue-2), 1);
|
|
107
110
|
--semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
|
|
108
|
-
font-family:
|
|
111
|
+
font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
|
|
109
112
|
-webkit-font-smoothing: antialiased;;
|
|
110
113
|
--semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
|
|
111
114
|
--semi-shadow-0: none;
|
|
@@ -226,7 +229,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
226
229
|
--semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
|
|
227
230
|
--semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), 0.4);
|
|
228
231
|
--semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), 0.2);
|
|
229
|
-
font-family:
|
|
232
|
+
font-family: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif;
|
|
230
233
|
-webkit-font-smoothing: antialiased;;
|
|
231
234
|
--semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
|
|
232
235
|
--semi-shadow-0: none;
|
package/scss/local.scss
CHANGED
|
@@ -1,4 +1,19 @@
|
|
|
1
|
+
$color-input_default-bg-focus: var(--semi-color-input-DefaultBg);
|
|
2
|
+
$color-input_default-bg-hover: var(--semi-color-input-HoverBg);
|
|
3
|
+
$color-input_default-bg-active: var(--semi-color-input-ActiveBg);
|
|
4
|
+
$color-input_default-bg-default: var(--semi-color-input-DefaultBg);
|
|
5
|
+
$color-input_default-border-hover: var(--semi-color-border);
|
|
6
|
+
$color-input_default-bg-focus-hover: var(--semi-color-input-DefaultBg);
|
|
7
|
+
$color-input_default-border-default: var(--semi-color-border);
|
|
8
|
+
$height-input_large: 40px;
|
|
9
|
+
$height-input_small: 24px;
|
|
10
|
+
$height-input_default: 34px;
|
|
11
|
+
$height-input_wrapper_default: 36px;
|
|
12
|
+
$radius-input_wrapper: 6px;
|
|
1
13
|
$color-modal_content-border: var(--semi-color-border-modal);
|
|
2
14
|
$height-button_small: 28px;
|
|
3
15
|
$height-button_default: 36px;
|
|
4
16
|
$radius-button: 8px;
|
|
17
|
+
$radius-select: 6px;
|
|
18
|
+
$height-inputNumber_button_small: 28px;
|
|
19
|
+
$radius-inputNumber: 6px;
|
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:
|
|
58
|
+
$font-family-regular: PingFang SC, Lantinghei SC, Microsoft YaHei, HanHei SC, Helvetica Neue, Open Sans, Hiragino Sans GB, 微软雅黑, STHelti, WenQuanYi Micro Hei, Arial, SimSun, sans-serif; // semi 预置字体回退
|
|
59
59
|
$font-size-small: 12px; // 小文本字号
|
|
60
60
|
$font-size-regular: 14px; // 常规文本字号
|
|
61
61
|
|