@semi-bot/semi-theme-fnos 1.1.5 → 1.1.7
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 +46 -42
- package/scss/_font.scss +1 -1
- package/scss/_palette.scss +18 -18
- package/scss/global.scss +27 -23
- package/semi.css +47 -43
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
"palette": {
|
|
3
3
|
"dark": {
|
|
4
4
|
"--semi-black": "0, 0, 0",
|
|
5
|
-
"--semi-red-0": "
|
|
6
|
-
"--semi-red-1": "
|
|
7
|
-
"--semi-red-2": "
|
|
8
|
-
"--semi-red-3": "
|
|
5
|
+
"--semi-red-0": "90,0,26",
|
|
6
|
+
"--semi-red-1": "126,0,31",
|
|
7
|
+
"--semi-red-2": "162,3,38",
|
|
8
|
+
"--semi-red-3": "197,10,44",
|
|
9
9
|
"--semi-red-4": "230,0,35",
|
|
10
|
-
"--semi-red-5": "
|
|
11
|
-
"--semi-red-6": "
|
|
12
|
-
"--semi-red-7": "
|
|
13
|
-
"--semi-red-8": "
|
|
14
|
-
"--semi-red-9": "
|
|
10
|
+
"--semi-red-5": "237,63,83",
|
|
11
|
+
"--semi-red-6": "242,109,120",
|
|
12
|
+
"--semi-red-7": "246,156,160",
|
|
13
|
+
"--semi-red-8": "251,205,205",
|
|
14
|
+
"--semi-red-9": "253,235,235",
|
|
15
15
|
"--semi-white": "255, 255, 255",
|
|
16
16
|
"--semi-blue-0": "0,37,112",
|
|
17
17
|
"--semi-blue-1": "0,52,148",
|
|
@@ -196,16 +196,16 @@
|
|
|
196
196
|
},
|
|
197
197
|
"light": {
|
|
198
198
|
"--semi-black": "0,0,0",
|
|
199
|
-
"--semi-red-0": "
|
|
200
|
-
"--semi-red-1": "
|
|
201
|
-
"--semi-red-2": "
|
|
202
|
-
"--semi-red-3": "
|
|
203
|
-
"--semi-red-4": "235,
|
|
199
|
+
"--semi-red-0": "253,232,232",
|
|
200
|
+
"--semi-red-1": "250,200,201",
|
|
201
|
+
"--semi-red-2": "245,147,152",
|
|
202
|
+
"--semi-red-3": "240,96,108",
|
|
203
|
+
"--semi-red-4": "235,47,69",
|
|
204
204
|
"--semi-red-5": "230,0,35",
|
|
205
|
-
"--semi-red-6": "
|
|
206
|
-
"--semi-red-7": "
|
|
207
|
-
"--semi-red-8": "
|
|
208
|
-
"--semi-red-9": "
|
|
205
|
+
"--semi-red-6": "194,0,36",
|
|
206
|
+
"--semi-red-7": "159,0,35",
|
|
207
|
+
"--semi-red-8": "123,0,31",
|
|
208
|
+
"--semi-red-9": "87,0,25",
|
|
209
209
|
"--semi-white": "255,255,255",
|
|
210
210
|
"--semi-blue-0": "230,244,255",
|
|
211
211
|
"--semi-blue-1": "215,237,255",
|
|
@@ -444,7 +444,7 @@
|
|
|
444
444
|
"data/--semi-color-data-18": "rgba(212,88,212,1)",
|
|
445
445
|
"data/--semi-color-data-19": "rgba(188,198,255,1)",
|
|
446
446
|
"data/--semi-color-data-20": "rgba(121,137,255,1)",
|
|
447
|
-
"border/--semi-color-border": "rgba(255,255,255,0.
|
|
447
|
+
"border/--semi-color-border": "rgba(255,255,255,0.16)",
|
|
448
448
|
"danger/--semi-color-danger": "rgba(var(--semi-red-4),1)",
|
|
449
449
|
"shadow/--semi-color-shadow": "rgba(var(--semi-grey-0), 0.8)",
|
|
450
450
|
"text/--semi-color-text-nav": "rgba(var(--semi-neutral-9),0.8)",
|
|
@@ -477,20 +477,20 @@
|
|
|
477
477
|
"tab/--semi-color-tab-HoverBg": "rgba(var(--semi-grey-2), 1)",
|
|
478
478
|
"warning/--semi-color-warning": "rgba(var(--semi-orange-4),1)",
|
|
479
479
|
"app/--semi-color-app-siderbar": "rgba(var(--semi-grey-0),0)",
|
|
480
|
-
"card/--semi-color-card-border": "rgba(255,255,255,0.
|
|
480
|
+
"card/--semi-color-card-border": "rgba(255,255,255,0.08)",
|
|
481
481
|
"info/--semi-color-info-active": "rgba(var(--semi-brand-2), 1)",
|
|
482
482
|
"link/--semi-color-link-active": "rgba(var(--semi-brand-2),1)",
|
|
483
483
|
"app/--semi-color-app-container": "rgba(var(--semi-grey-1),1)",
|
|
484
484
|
"bg/--semi-color-bg-transparent": "rgba(var(--semi-grey-0),0)",
|
|
485
|
-
"card/--semi-color-card-HoverBg": "rgba(255,255,255,0.
|
|
486
|
-
"divider/--semi-color-divider-0": "rgba(255,255,255,0.
|
|
487
|
-
"divider/--semi-color-divider-1": "rgba(255,255,255,0.
|
|
485
|
+
"card/--semi-color-card-HoverBg": "rgba(255,255,255,0.04)",
|
|
486
|
+
"divider/--semi-color-divider-0": "rgba(255,255,255,0.16)",
|
|
487
|
+
"divider/--semi-color-divider-1": "rgba(255,255,255,0.1)",
|
|
488
488
|
"divider/--semi-color-divider-2": "rgba(255,255,255,0.08)",
|
|
489
489
|
"link/--semi-color-link-visited": "rgba(var(--semi-brand-2),1)",
|
|
490
490
|
"photo/--semi-color-photo-toast": "rgba(0,0,0,0.9)",
|
|
491
491
|
"tab/--semi-color-tab-DefaultBg": "rgba(var(--semi-grey-1),1)",
|
|
492
492
|
"tertiary/--semi-color-tertiary": "rgba(255,255,255,0.08)",
|
|
493
|
-
"card/--semi-color-card-ActiveBg": "rgba(var(--semi-brand-4),0.
|
|
493
|
+
"card/--semi-color-card-ActiveBg": "rgba(var(--semi-brand-4),0.12)",
|
|
494
494
|
"focus/--semi-color-focus-border": "rgba(var(--semi-brand-4),1)",
|
|
495
495
|
"info/--semi-color-info-disabled": "rgba(var(--semi-brand-1),0.16)",
|
|
496
496
|
"overlay/--semi-color-overlay-bg": "rgba(0,0,0,0.6)",
|
|
@@ -500,7 +500,7 @@
|
|
|
500
500
|
"Scrollbar/--semi-color-Scrollbar": "rgba(255,255,255,0.12)",
|
|
501
501
|
"border/--semi-color-border-hover": "rgba(255,255,255,0.2)",
|
|
502
502
|
"border/--semi-color-border-modal": "rgba(255,255,255,0.12)",
|
|
503
|
-
"card/--semi-color-card-DefaultBg": "rgba(255,255,255,0.
|
|
503
|
+
"card/--semi-color-card-DefaultBg": "rgba(255,255,255,0.02)",
|
|
504
504
|
"danger/--semi-color-danger-hover": "rgba(var(--semi-red-3),1)",
|
|
505
505
|
"highlight/--semi-color-highlight": "rgba(var(--semi-white),1)",
|
|
506
506
|
"input/--semi-color-input-HoverBg": "rgba(var(--semi-grey-1), 1)",
|
|
@@ -510,7 +510,7 @@
|
|
|
510
510
|
"border/--semi-color-border-active": "rgba(255,255,255,0.24)",
|
|
511
511
|
"border/--semi-color-border-select": "rgba(255,255,255,0.12)",
|
|
512
512
|
"danger/--semi-color-danger-active": "rgba(var(--semi-red-2),1)",
|
|
513
|
-
"disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-2),
|
|
513
|
+
"disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-2),1)",
|
|
514
514
|
"input/--semi-color-input-ActiveBg": "rgba(var(--semi-grey-0),1)",
|
|
515
515
|
"table/--semi-color-table-ActiveBg": "rgba(var(--semi-brand-4),0.12)",
|
|
516
516
|
"card/--semi-color-card-borderHover": "rgba(255,255,255,0.22)",
|
|
@@ -532,7 +532,7 @@
|
|
|
532
532
|
"warning/--semi-color-warning-active": "rgba(var(--semi-orange-2),1)",
|
|
533
533
|
"tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
|
|
534
534
|
"Component/--semi-color-Component-card": "rgba(12,13,13,0.6)",
|
|
535
|
-
"disabled/--semi-color-disabled-border": "rgba(255,255,255,0.
|
|
535
|
+
"disabled/--semi-color-disabled-border": "rgba(255,255,255,0.16)",
|
|
536
536
|
"primary/--semi-color-primary-disabled": "rgba(var(--semi-grey-5),0.16)",
|
|
537
537
|
"success/--semi-color-success-disabled": "rgba(var(--semi-green-1),0.16)",
|
|
538
538
|
"tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.24)",
|
|
@@ -547,20 +547,21 @@
|
|
|
547
547
|
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-grey-5),0.16)",
|
|
548
548
|
"info-light/--semi-color-info-light-default": "rgba(var(--semi-brand-0),1)",
|
|
549
549
|
"overlay/--semi-color-overlay-CustomPreview": "rgba(0,0,0,0.9)",
|
|
550
|
+
"danger-light/--semi-color-danger-light-name": "rgba(var(--semi-blue-6),1)",
|
|
550
551
|
"danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-0),0.3)",
|
|
551
552
|
"danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-0),0.4)",
|
|
552
553
|
"fndesktop/--semi-color-fndesktop-navbarBorder": "rgba(255,255,255,0.05)",
|
|
553
554
|
"danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-0),0.2)",
|
|
554
|
-
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-
|
|
555
|
+
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-4),0.2)",
|
|
555
556
|
"success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-1),0.3)",
|
|
556
|
-
"warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-
|
|
557
|
-
"primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-
|
|
557
|
+
"warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-amber-5), 0.3)",
|
|
558
|
+
"primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-4),0.3)",
|
|
558
559
|
"success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5),0.4)",
|
|
559
|
-
"warning-light/--semi-color-warning-light-active": "rgba(var(--semi-
|
|
560
|
-
"primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-
|
|
560
|
+
"warning-light/--semi-color-warning-light-active": "rgba(var(--semi-amber-5), 0.4)",
|
|
561
|
+
"primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-4),0.1)",
|
|
561
562
|
"success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5),0.2)",
|
|
562
563
|
"tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5),0.16)",
|
|
563
|
-
"warning-light/--semi-color-warning-light-default": "rgba(var(--semi-
|
|
564
|
+
"warning-light/--semi-color-warning-light-default": "rgba(var(--semi-amber-5), 0.2)",
|
|
564
565
|
"tertiary-light/--semi-color-tertiary-light-active": "rgba(var(--semi-grey-5),0.32)",
|
|
565
566
|
"CheckboxPhoto/--semi-color-CheckboxPhoto-DefaultBg": "rgba(255,255,255,0.2)",
|
|
566
567
|
"secondary-light/--semi-color-secondary-light-hover": "rgba(var(--semi-light-blue-1),1)",
|
|
@@ -573,7 +574,7 @@
|
|
|
573
574
|
},
|
|
574
575
|
"light": {
|
|
575
576
|
"app/--semi-color-app": "rgba(var(--semi-grey-1),1)",
|
|
576
|
-
"bg/--semi-color-bg-0": "rgba(var(--semi-grey-
|
|
577
|
+
"bg/--semi-color-bg-0": "rgba(var(--semi-grey-1),1)",
|
|
577
578
|
"bg/--semi-color-bg-1": "rgba(255,255,255,1)",
|
|
578
579
|
"bg/--semi-color-bg-2": "rgba(255,255,255,1)",
|
|
579
580
|
"bg/--semi-color-bg-3": "rgba(255,255,255,1)",
|
|
@@ -602,6 +603,7 @@
|
|
|
602
603
|
"text/--semi-color-text-2": "rgba(var(--semi-grey-9),0.5)",
|
|
603
604
|
"text/--semi-color-text-3": "rgba(var(--semi-grey-9),0.25)",
|
|
604
605
|
"white/--semi-color-white": "rgba(255,255,255,1)",
|
|
606
|
+
"app/--semi-color-app-name": "rgba(var(--semi-blue-6),1)",
|
|
605
607
|
"bg/--semi-color-bg-avatar": "rgba(var(--semi-grey-5), 0.16)",
|
|
606
608
|
"data/--semi-color-data-10": "rgba(48,167,206,1)",
|
|
607
609
|
"data/--semi-color-data-11": "rgba(249, 192, 100, 1)",
|
|
@@ -614,6 +616,8 @@
|
|
|
614
616
|
"data/--semi-color-data-18": "rgba(212,88,212,1)",
|
|
615
617
|
"data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
|
|
616
618
|
"data/--semi-color-data-20": "rgba(121,137,255, 1)",
|
|
619
|
+
"app/--semi-color-app-name0": "rgba(var(--semi-blue-6),1)",
|
|
620
|
+
"app/--semi-color-app-name1": "rgba(var(--semi-blue-6),1)",
|
|
617
621
|
"border/--semi-color-border": "rgba(var(--semi-grey-9),0.16)",
|
|
618
622
|
"danger/--semi-color-danger": "rgba(var(--semi-red-5),1)",
|
|
619
623
|
"shadow/--semi-color-shadow": "rgba(var(--semi-grey-9), 0.05)",
|
|
@@ -647,13 +651,13 @@
|
|
|
647
651
|
"tab/--semi-color-tab-HoverBg": "rgba(var(--semi-grey-5),0.16)",
|
|
648
652
|
"warning/--semi-color-warning": "rgba(var(--semi-amber-5), 1)",
|
|
649
653
|
"app/--semi-color-app-siderbar": "rgba(var(--semi-grey-1),0)",
|
|
650
|
-
"card/--semi-color-card-border": "rgba(var(--semi-grey-9),0.
|
|
654
|
+
"card/--semi-color-card-border": "rgba(var(--semi-grey-9),0.08)",
|
|
651
655
|
"info/--semi-color-info-active": "rgba(var(--semi-brand-7), 1)",
|
|
652
656
|
"link/--semi-color-link-active": "rgba(var(--semi-brand-7),1)",
|
|
653
657
|
"white/--semi-color-white-name": "rgba(var(--semi-blue-6),1)",
|
|
654
658
|
"app/--semi-color-app-container": "rgba(255,255,255,1)",
|
|
655
659
|
"bg/--semi-color-bg-transparent": "rgba(255,255,255,0)",
|
|
656
|
-
"card/--semi-color-card-HoverBg": "rgba(var(--semi-grey-9),0.
|
|
660
|
+
"card/--semi-color-card-HoverBg": "rgba(var(--semi-grey-9),0.04)",
|
|
657
661
|
"divider/--semi-color-divider-0": "rgba(var(--semi-grey-9),0.2)",
|
|
658
662
|
"divider/--semi-color-divider-1": "rgba(var(--semi-grey-9),0.12)",
|
|
659
663
|
"divider/--semi-color-divider-2": "rgba(var(--semi-grey-9),0.06)",
|
|
@@ -670,7 +674,7 @@
|
|
|
670
674
|
"Scrollbar/--semi-color-Scrollbar": "rgba(var(--semi-grey-5),0.16)",
|
|
671
675
|
"border/--semi-color-border-hover": "rgba(var(--semi-grey-9),0.2)",
|
|
672
676
|
"border/--semi-color-border-modal": "rgba(var(--semi-grey-9),0.06)",
|
|
673
|
-
"card/--semi-color-card-DefaultBg": "rgba(var(--semi-grey-9),0.
|
|
677
|
+
"card/--semi-color-card-DefaultBg": "rgba(var(--semi-grey-9),0.02)",
|
|
674
678
|
"danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
|
|
675
679
|
"highlight/--semi-color-highlight": "rgba(var(--semi-grey-9), 1)",
|
|
676
680
|
"input/--semi-color-input-HoverBg": "rgba(255,255,255,1)",
|
|
@@ -711,7 +715,7 @@
|
|
|
711
715
|
"overlay/--semi-color-overlay-CustomAnti": "rgba(255,255,255,0.7)",
|
|
712
716
|
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
|
|
713
717
|
"info-light/--semi-color-info-light-hover": "rgba(var(--semi-brand-2),0.3)",
|
|
714
|
-
"progress/--semi-color-progress-defaultBg": "rgba(var(--semi-grey-
|
|
718
|
+
"progress/--semi-color-progress-defaultBg": "rgba(var(--semi-grey-9),0.06)",
|
|
715
719
|
"fndesktop/--semi-color-fndesktop-navbarBg": "rgba(134,164,179,0.05)",
|
|
716
720
|
"info-light/--semi-color-info-light-active": "rgba(var(--semi-brand-2),0.4)",
|
|
717
721
|
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-grey-5),0.16)",
|
|
@@ -721,13 +725,13 @@
|
|
|
721
725
|
"danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-2),0.4)",
|
|
722
726
|
"fndesktop/--semi-color-fndesktop-navbarBorder": "rgba(255,255,255,0.2)",
|
|
723
727
|
"danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-2),0.2)",
|
|
724
|
-
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-
|
|
728
|
+
"primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5),0.2)",
|
|
725
729
|
"success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-3),0.3)",
|
|
726
730
|
"warning-light/--semi-color-warning-light-hover": "rgba(var(--semi-orange-3),0.3)",
|
|
727
|
-
"primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-
|
|
731
|
+
"primary-light/--semi-color-primary-light-active": "rgba(var(--semi-brand-5),0.3)",
|
|
728
732
|
"success-light/--semi-color-success-light-active": "rgba(var(--semi-green-3),0.4)",
|
|
729
733
|
"warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-3),0.4)",
|
|
730
|
-
"primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-
|
|
734
|
+
"primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-5),0.12)",
|
|
731
735
|
"success-light/--semi-color-success-light-default": "rgba(var(--semi-green-3),0.2)",
|
|
732
736
|
"tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5),0.3)",
|
|
733
737
|
"warning-light/--semi-color-warning-light-default": "rgba(var(--semi-orange-3),0.2)",
|
|
@@ -1267,7 +1271,7 @@
|
|
|
1267
1271
|
"Header": {
|
|
1268
1272
|
"header-1": {
|
|
1269
1273
|
"fontSize": "32px",
|
|
1270
|
-
"fontFamily": "'PingFang SC',Lantinghei SC, 'Microsoft YaHei',HanHei SC, 'Helvetica Neue',
|
|
1274
|
+
"fontFamily": "Montserrat,'PingFang SC',Lantinghei SC, 'Microsoft YaHei',HanHei SC, 'Helvetica Neue',Open Sans,Hiragino Sans GB, 微软雅黑,STHeiti,WenQuanYi Micro Hei, Arial,SimSun, sans-serif",
|
|
1271
1275
|
"lineHeight": "44px"
|
|
1272
1276
|
},
|
|
1273
1277
|
"header-2": {
|
package/scss/_font.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@mixin font-size-header-1 {
|
|
2
2
|
font-size: 32px;
|
|
3
|
-
font-family: 'PingFang SC',Lantinghei SC, 'Microsoft YaHei',HanHei SC, 'Helvetica Neue',
|
|
3
|
+
font-family: Montserrat,'PingFang SC',Lantinghei SC, 'Microsoft YaHei',HanHei SC, 'Helvetica Neue',Open Sans,Hiragino Sans GB, 微软雅黑,STHeiti,WenQuanYi Micro Hei, Arial,SimSun, sans-serif;
|
|
4
4
|
line-height: 44px;
|
|
5
5
|
|
|
6
6
|
|
package/scss/_palette.scss
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
|
|
2
2
|
--semi-black: 0,0,0;
|
|
3
|
-
--semi-red-0:
|
|
4
|
-
--semi-red-1:
|
|
5
|
-
--semi-red-2:
|
|
6
|
-
--semi-red-3:
|
|
7
|
-
--semi-red-4: 235,
|
|
3
|
+
--semi-red-0: 253,232,232;
|
|
4
|
+
--semi-red-1: 250,200,201;
|
|
5
|
+
--semi-red-2: 245,147,152;
|
|
6
|
+
--semi-red-3: 240,96,108;
|
|
7
|
+
--semi-red-4: 235,47,69;
|
|
8
8
|
--semi-red-5: 230,0,35;
|
|
9
|
-
--semi-red-6:
|
|
10
|
-
--semi-red-7:
|
|
11
|
-
--semi-red-8:
|
|
12
|
-
--semi-red-9:
|
|
9
|
+
--semi-red-6: 194,0,36;
|
|
10
|
+
--semi-red-7: 159,0,35;
|
|
11
|
+
--semi-red-8: 123,0,31;
|
|
12
|
+
--semi-red-9: 87,0,25;
|
|
13
13
|
--semi-white: 255,255,255;
|
|
14
14
|
--semi-blue-0: 230,244,255;
|
|
15
15
|
--semi-blue-1: 215,237,255;
|
|
@@ -206,16 +206,16 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
206
206
|
}
|
|
207
207
|
body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
|
|
208
208
|
--semi-black: 0, 0, 0;
|
|
209
|
-
--semi-red-0:
|
|
210
|
-
--semi-red-1:
|
|
211
|
-
--semi-red-2:
|
|
212
|
-
--semi-red-3:
|
|
209
|
+
--semi-red-0: 90,0,26;
|
|
210
|
+
--semi-red-1: 126,0,31;
|
|
211
|
+
--semi-red-2: 162,3,38;
|
|
212
|
+
--semi-red-3: 197,10,44;
|
|
213
213
|
--semi-red-4: 230,0,35;
|
|
214
|
-
--semi-red-5:
|
|
215
|
-
--semi-red-6:
|
|
216
|
-
--semi-red-7:
|
|
217
|
-
--semi-red-8:
|
|
218
|
-
--semi-red-9:
|
|
214
|
+
--semi-red-5: 237,63,83;
|
|
215
|
+
--semi-red-6: 242,109,120;
|
|
216
|
+
--semi-red-7: 246,156,160;
|
|
217
|
+
--semi-red-8: 251,205,205;
|
|
218
|
+
--semi-red-9: 253,235,235;
|
|
219
219
|
--semi-white: 255, 255, 255;
|
|
220
220
|
--semi-blue-0: 0,37,112;
|
|
221
221
|
--semi-blue-1: 0,52,148;
|
package/scss/global.scss
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-light {
|
|
4
4
|
--semi-color-app: rgba(var(--semi-grey-1),1);
|
|
5
|
-
--semi-color-bg-0: rgba(var(--semi-grey-
|
|
5
|
+
--semi-color-bg-0: rgba(var(--semi-grey-1),1);
|
|
6
6
|
--semi-color-bg-1: rgba(255,255,255,1);
|
|
7
7
|
--semi-color-bg-2: rgba(255,255,255,1);
|
|
8
8
|
--semi-color-bg-3: rgba(255,255,255,1);
|
|
@@ -31,6 +31,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
31
31
|
--semi-color-text-2: rgba(var(--semi-grey-9),0.5);
|
|
32
32
|
--semi-color-text-3: rgba(var(--semi-grey-9),0.25);
|
|
33
33
|
--semi-color-white: rgba(255,255,255,1);
|
|
34
|
+
--semi-color-app-name: rgba(var(--semi-blue-6),1);
|
|
34
35
|
--semi-color-bg-avatar: rgba(var(--semi-grey-5), 0.16);
|
|
35
36
|
--semi-color-data-10: rgba(48,167,206,1);
|
|
36
37
|
--semi-color-data-11: rgba(249, 192, 100, 1);
|
|
@@ -43,6 +44,8 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
43
44
|
--semi-color-data-18: rgba(212,88,212,1);
|
|
44
45
|
--semi-color-data-19: rgba(188, 198, 255, 1);
|
|
45
46
|
--semi-color-data-20: rgba(121,137,255, 1);
|
|
47
|
+
--semi-color-app-name0: rgba(var(--semi-blue-6),1);
|
|
48
|
+
--semi-color-app-name1: rgba(var(--semi-blue-6),1);
|
|
46
49
|
--semi-color-border: rgba(var(--semi-grey-9),0.16);
|
|
47
50
|
--semi-color-danger: rgba(var(--semi-red-5),1);
|
|
48
51
|
--semi-color-shadow: rgba(var(--semi-grey-9), 0.05);
|
|
@@ -76,13 +79,13 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
76
79
|
--semi-color-tab-HoverBg: rgba(var(--semi-grey-5),0.16);
|
|
77
80
|
--semi-color-warning: rgba(var(--semi-amber-5), 1);
|
|
78
81
|
--semi-color-app-siderbar: rgba(var(--semi-grey-1),0);
|
|
79
|
-
--semi-color-card-border: rgba(var(--semi-grey-9),0.
|
|
82
|
+
--semi-color-card-border: rgba(var(--semi-grey-9),0.08);
|
|
80
83
|
--semi-color-info-active: rgba(var(--semi-brand-7), 1);
|
|
81
84
|
--semi-color-link-active: rgba(var(--semi-brand-7),1);
|
|
82
85
|
--semi-color-white-name: rgba(var(--semi-blue-6),1);
|
|
83
86
|
--semi-color-app-container: rgba(255,255,255,1);
|
|
84
87
|
--semi-color-bg-transparent: rgba(255,255,255,0);
|
|
85
|
-
--semi-color-card-HoverBg: rgba(var(--semi-grey-9),0.
|
|
88
|
+
--semi-color-card-HoverBg: rgba(var(--semi-grey-9),0.04);
|
|
86
89
|
--semi-color-divider-0: rgba(var(--semi-grey-9),0.2);
|
|
87
90
|
--semi-color-divider-1: rgba(var(--semi-grey-9),0.12);
|
|
88
91
|
--semi-color-divider-2: rgba(var(--semi-grey-9),0.06);
|
|
@@ -99,7 +102,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
99
102
|
--semi-color-Scrollbar: rgba(var(--semi-grey-5),0.16);
|
|
100
103
|
--semi-color-border-hover: rgba(var(--semi-grey-9),0.2);
|
|
101
104
|
--semi-color-border-modal: rgba(var(--semi-grey-9),0.06);
|
|
102
|
-
--semi-color-card-DefaultBg: rgba(var(--semi-grey-9),0.
|
|
105
|
+
--semi-color-card-DefaultBg: rgba(var(--semi-grey-9),0.02);
|
|
103
106
|
--semi-color-danger-hover: rgba(var(--semi-red-6), 1);
|
|
104
107
|
--semi-color-highlight: rgba(var(--semi-grey-9), 1);
|
|
105
108
|
--semi-color-input-HoverBg: rgba(255,255,255,1);
|
|
@@ -140,7 +143,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
140
143
|
--semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
|
|
141
144
|
--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
|
|
142
145
|
--semi-color-info-light-hover: rgba(var(--semi-brand-2),0.3);
|
|
143
|
-
--semi-color-progress-defaultBg: rgba(var(--semi-grey-
|
|
146
|
+
--semi-color-progress-defaultBg: rgba(var(--semi-grey-9),0.06);
|
|
144
147
|
--semi-color-fndesktop-navbarBg: rgba(134,164,179,0.05);
|
|
145
148
|
--semi-color-info-light-active: rgba(var(--semi-brand-2),0.4);
|
|
146
149
|
--semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.16);
|
|
@@ -150,13 +153,13 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
150
153
|
--semi-color-danger-light-active: rgba(var(--semi-red-2),0.4);
|
|
151
154
|
--semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.2);
|
|
152
155
|
--semi-color-danger-light-default: rgba(var(--semi-red-2),0.2);
|
|
153
|
-
--semi-color-primary-light-hover: rgba(var(--semi-brand-
|
|
156
|
+
--semi-color-primary-light-hover: rgba(var(--semi-brand-5),0.2);
|
|
154
157
|
--semi-color-success-light-hover: rgba(var(--semi-green-3),0.3);
|
|
155
158
|
--semi-color-warning-light-hover: rgba(var(--semi-orange-3),0.3);
|
|
156
|
-
--semi-color-primary-light-active: rgba(var(--semi-brand-
|
|
159
|
+
--semi-color-primary-light-active: rgba(var(--semi-brand-5),0.3);
|
|
157
160
|
--semi-color-success-light-active: rgba(var(--semi-green-3),0.4);
|
|
158
161
|
--semi-color-warning-light-active: rgba(var(--semi-orange-3),0.4);
|
|
159
|
-
--semi-color-primary-light-default: rgba(var(--semi-brand-
|
|
162
|
+
--semi-color-primary-light-default: rgba(var(--semi-brand-5),0.12);
|
|
160
163
|
--semi-color-success-light-default: rgba(var(--semi-green-3),0.2);
|
|
161
164
|
--semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.3);
|
|
162
165
|
--semi-color-warning-light-default: rgba(var(--semi-orange-3),0.2);
|
|
@@ -237,7 +240,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
237
240
|
--semi-color-data-18: rgba(212,88,212,1);
|
|
238
241
|
--semi-color-data-19: rgba(188,198,255,1);
|
|
239
242
|
--semi-color-data-20: rgba(121,137,255,1);
|
|
240
|
-
--semi-color-border: rgba(255,255,255,0.
|
|
243
|
+
--semi-color-border: rgba(255,255,255,0.16);
|
|
241
244
|
--semi-color-danger: rgba(var(--semi-red-4),1);
|
|
242
245
|
--semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
|
|
243
246
|
--semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
|
|
@@ -270,20 +273,20 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
270
273
|
--semi-color-tab-HoverBg: rgba(var(--semi-grey-2), 1);
|
|
271
274
|
--semi-color-warning: rgba(var(--semi-orange-4),1);
|
|
272
275
|
--semi-color-app-siderbar: rgba(var(--semi-grey-0),0);
|
|
273
|
-
--semi-color-card-border: rgba(255,255,255,0.
|
|
276
|
+
--semi-color-card-border: rgba(255,255,255,0.08);
|
|
274
277
|
--semi-color-info-active: rgba(var(--semi-brand-2), 1);
|
|
275
278
|
--semi-color-link-active: rgba(var(--semi-brand-2),1);
|
|
276
279
|
--semi-color-app-container: rgba(var(--semi-grey-1),1);
|
|
277
280
|
--semi-color-bg-transparent: rgba(var(--semi-grey-0),0);
|
|
278
|
-
--semi-color-card-HoverBg: rgba(255,255,255,0.
|
|
279
|
-
--semi-color-divider-0: rgba(255,255,255,0.
|
|
280
|
-
--semi-color-divider-1: rgba(255,255,255,0.
|
|
281
|
+
--semi-color-card-HoverBg: rgba(255,255,255,0.04);
|
|
282
|
+
--semi-color-divider-0: rgba(255,255,255,0.16);
|
|
283
|
+
--semi-color-divider-1: rgba(255,255,255,0.1);
|
|
281
284
|
--semi-color-divider-2: rgba(255,255,255,0.08);
|
|
282
285
|
--semi-color-link-visited: rgba(var(--semi-brand-2),1);
|
|
283
286
|
--semi-color-photo-toast: rgba(0,0,0,0.9);
|
|
284
287
|
--semi-color-tab-DefaultBg: rgba(var(--semi-grey-1),1);
|
|
285
288
|
--semi-color-tertiary: rgba(255,255,255,0.08);
|
|
286
|
-
--semi-color-card-ActiveBg: rgba(var(--semi-brand-4),0.
|
|
289
|
+
--semi-color-card-ActiveBg: rgba(var(--semi-brand-4),0.12);
|
|
287
290
|
--semi-color-focus-border: rgba(var(--semi-brand-4),1);
|
|
288
291
|
--semi-color-info-disabled: rgba(var(--semi-brand-1),0.16);
|
|
289
292
|
--semi-color-overlay-bg: rgba(0,0,0,0.6);
|
|
@@ -293,7 +296,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
293
296
|
--semi-color-Scrollbar: rgba(255,255,255,0.12);
|
|
294
297
|
--semi-color-border-hover: rgba(255,255,255,0.2);
|
|
295
298
|
--semi-color-border-modal: rgba(255,255,255,0.12);
|
|
296
|
-
--semi-color-card-DefaultBg: rgba(255,255,255,0.
|
|
299
|
+
--semi-color-card-DefaultBg: rgba(255,255,255,0.02);
|
|
297
300
|
--semi-color-danger-hover: rgba(var(--semi-red-3),1);
|
|
298
301
|
--semi-color-highlight: rgba(var(--semi-white),1);
|
|
299
302
|
--semi-color-input-HoverBg: rgba(var(--semi-grey-1), 1);
|
|
@@ -303,7 +306,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
303
306
|
--semi-color-border-active: rgba(255,255,255,0.24);
|
|
304
307
|
--semi-color-border-select: rgba(255,255,255,0.12);
|
|
305
308
|
--semi-color-danger-active: rgba(var(--semi-red-2),1);
|
|
306
|
-
--semi-color-disabled-bg: rgba(var(--semi-grey-2),
|
|
309
|
+
--semi-color-disabled-bg: rgba(var(--semi-grey-2),1);
|
|
307
310
|
--semi-color-input-ActiveBg: rgba(var(--semi-grey-0),1);
|
|
308
311
|
--semi-color-table-ActiveBg: rgba(var(--semi-brand-4),0.12);
|
|
309
312
|
--semi-color-card-borderHover: rgba(255,255,255,0.22);
|
|
@@ -325,7 +328,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
325
328
|
--semi-color-warning-active: rgba(var(--semi-orange-2),1);
|
|
326
329
|
--semi-color-tertiary-hover: rgba(255,255,255,0.16);
|
|
327
330
|
--semi-color-Component-card: rgba(12,13,13,0.6);
|
|
328
|
-
--semi-color-disabled-border: rgba(255,255,255,0.
|
|
331
|
+
--semi-color-disabled-border: rgba(255,255,255,0.16);
|
|
329
332
|
--semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
|
|
330
333
|
--semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
|
|
331
334
|
--semi-color-tertiary-active: rgba(255,255,255,0.24);
|
|
@@ -340,20 +343,21 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
340
343
|
--semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.16);
|
|
341
344
|
--semi-color-info-light-default: rgba(var(--semi-brand-0),1);
|
|
342
345
|
--semi-color-overlay-CustomPreview: rgba(0,0,0,0.9);
|
|
346
|
+
--semi-color-danger-light-name: rgba(var(--semi-blue-6),1);
|
|
343
347
|
--semi-color-danger-light-hover: rgba(var(--semi-red-0),0.3);
|
|
344
348
|
--semi-color-danger-light-active: rgba(var(--semi-red-0),0.4);
|
|
345
349
|
--semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.05);
|
|
346
350
|
--semi-color-danger-light-default: rgba(var(--semi-red-0),0.2);
|
|
347
|
-
--semi-color-primary-light-hover: rgba(var(--semi-brand-
|
|
351
|
+
--semi-color-primary-light-hover: rgba(var(--semi-brand-4),0.2);
|
|
348
352
|
--semi-color-success-light-hover: rgba(var(--semi-green-1),0.3);
|
|
349
|
-
--semi-color-warning-light-hover: rgba(var(--semi-
|
|
350
|
-
--semi-color-primary-light-active: rgba(var(--semi-brand-
|
|
353
|
+
--semi-color-warning-light-hover: rgba(var(--semi-amber-5), 0.3);
|
|
354
|
+
--semi-color-primary-light-active: rgba(var(--semi-brand-4),0.3);
|
|
351
355
|
--semi-color-success-light-active: rgba(var(--semi-green-5),0.4);
|
|
352
|
-
--semi-color-warning-light-active: rgba(var(--semi-
|
|
353
|
-
--semi-color-primary-light-default: rgba(var(--semi-brand-
|
|
356
|
+
--semi-color-warning-light-active: rgba(var(--semi-amber-5), 0.4);
|
|
357
|
+
--semi-color-primary-light-default: rgba(var(--semi-brand-4),0.1);
|
|
354
358
|
--semi-color-success-light-default: rgba(var(--semi-green-5),0.2);
|
|
355
359
|
--semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.16);
|
|
356
|
-
--semi-color-warning-light-default: rgba(var(--semi-
|
|
360
|
+
--semi-color-warning-light-default: rgba(var(--semi-amber-5), 0.2);
|
|
357
361
|
--semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.32);
|
|
358
362
|
--semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
|
|
359
363
|
--semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1),1);
|