@semi-bot/semi-theme-fnos 1.1.6 → 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 +45 -41
- package/scss/_font.scss +1 -1
- package/scss/_palette.scss +18 -18
- package/scss/global.scss +26 -22
- package/semi.css +46 -42
- package/semi.min.css +1 -1
package/semi.css
CHANGED
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
/* spacing */
|
|
3
3
|
body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
|
|
4
4
|
--semi-black: 0,0,0;
|
|
5
|
-
--semi-red-0:
|
|
6
|
-
--semi-red-1:
|
|
7
|
-
--semi-red-2:
|
|
8
|
-
--semi-red-3:
|
|
9
|
-
--semi-red-4: 235,
|
|
5
|
+
--semi-red-0: 253,232,232;
|
|
6
|
+
--semi-red-1: 250,200,201;
|
|
7
|
+
--semi-red-2: 245,147,152;
|
|
8
|
+
--semi-red-3: 240,96,108;
|
|
9
|
+
--semi-red-4: 235,47,69;
|
|
10
10
|
--semi-red-5: 230,0,35;
|
|
11
|
-
--semi-red-6:
|
|
12
|
-
--semi-red-7:
|
|
13
|
-
--semi-red-8:
|
|
14
|
-
--semi-red-9:
|
|
11
|
+
--semi-red-6: 194,0,36;
|
|
12
|
+
--semi-red-7: 159,0,35;
|
|
13
|
+
--semi-red-8: 123,0,31;
|
|
14
|
+
--semi-red-9: 87,0,25;
|
|
15
15
|
--semi-white: 255,255,255;
|
|
16
16
|
--semi-blue-0: 230,244,255;
|
|
17
17
|
--semi-blue-1: 215,237,255;
|
|
@@ -207,16 +207,16 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
207
207
|
|
|
208
208
|
body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
|
|
209
209
|
--semi-black: 0, 0, 0;
|
|
210
|
-
--semi-red-0:
|
|
211
|
-
--semi-red-1:
|
|
212
|
-
--semi-red-2:
|
|
213
|
-
--semi-red-3:
|
|
210
|
+
--semi-red-0: 90,0,26;
|
|
211
|
+
--semi-red-1: 126,0,31;
|
|
212
|
+
--semi-red-2: 162,3,38;
|
|
213
|
+
--semi-red-3: 197,10,44;
|
|
214
214
|
--semi-red-4: 230,0,35;
|
|
215
|
-
--semi-red-5:
|
|
216
|
-
--semi-red-6:
|
|
217
|
-
--semi-red-7:
|
|
218
|
-
--semi-red-8:
|
|
219
|
-
--semi-red-9:
|
|
215
|
+
--semi-red-5: 237,63,83;
|
|
216
|
+
--semi-red-6: 242,109,120;
|
|
217
|
+
--semi-red-7: 246,156,160;
|
|
218
|
+
--semi-red-8: 251,205,205;
|
|
219
|
+
--semi-red-9: 253,235,235;
|
|
220
220
|
--semi-white: 255, 255, 255;
|
|
221
221
|
--semi-blue-0: 0,37,112;
|
|
222
222
|
--semi-blue-1: 0,52,148;
|
|
@@ -402,7 +402,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
402
402
|
|
|
403
403
|
body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
|
|
404
404
|
--semi-color-app: rgba(var(--semi-grey-1),1);
|
|
405
|
-
--semi-color-bg-0: rgba(var(--semi-grey-
|
|
405
|
+
--semi-color-bg-0: rgba(var(--semi-grey-1),1);
|
|
406
406
|
--semi-color-bg-1: rgba(255,255,255,1);
|
|
407
407
|
--semi-color-bg-2: rgba(255,255,255,1);
|
|
408
408
|
--semi-color-bg-3: rgba(255,255,255,1);
|
|
@@ -431,6 +431,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
431
431
|
--semi-color-text-2: rgba(var(--semi-grey-9),0.5);
|
|
432
432
|
--semi-color-text-3: rgba(var(--semi-grey-9),0.25);
|
|
433
433
|
--semi-color-white: rgba(255,255,255,1);
|
|
434
|
+
--semi-color-app-name: rgba(var(--semi-blue-6),1);
|
|
434
435
|
--semi-color-bg-avatar: rgba(var(--semi-grey-5), 0.16);
|
|
435
436
|
--semi-color-data-10: rgba(48,167,206,1);
|
|
436
437
|
--semi-color-data-11: rgba(249, 192, 100, 1);
|
|
@@ -443,6 +444,8 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
443
444
|
--semi-color-data-18: rgba(212,88,212,1);
|
|
444
445
|
--semi-color-data-19: rgba(188, 198, 255, 1);
|
|
445
446
|
--semi-color-data-20: rgba(121,137,255, 1);
|
|
447
|
+
--semi-color-app-name0: rgba(var(--semi-blue-6),1);
|
|
448
|
+
--semi-color-app-name1: rgba(var(--semi-blue-6),1);
|
|
446
449
|
--semi-color-border: rgba(var(--semi-grey-9),0.16);
|
|
447
450
|
--semi-color-danger: rgba(var(--semi-red-5),1);
|
|
448
451
|
--semi-color-shadow: rgba(var(--semi-grey-9), 0.05);
|
|
@@ -476,13 +479,13 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
476
479
|
--semi-color-tab-HoverBg: rgba(var(--semi-grey-5),0.16);
|
|
477
480
|
--semi-color-warning: rgba(var(--semi-amber-5), 1);
|
|
478
481
|
--semi-color-app-siderbar: rgba(var(--semi-grey-1),0);
|
|
479
|
-
--semi-color-card-border: rgba(var(--semi-grey-9),0.
|
|
482
|
+
--semi-color-card-border: rgba(var(--semi-grey-9),0.08);
|
|
480
483
|
--semi-color-info-active: rgba(var(--semi-brand-7), 1);
|
|
481
484
|
--semi-color-link-active: rgba(var(--semi-brand-7),1);
|
|
482
485
|
--semi-color-white-name: rgba(var(--semi-blue-6),1);
|
|
483
486
|
--semi-color-app-container: rgba(255,255,255,1);
|
|
484
487
|
--semi-color-bg-transparent: rgba(255,255,255,0);
|
|
485
|
-
--semi-color-card-HoverBg: rgba(var(--semi-grey-9),0.
|
|
488
|
+
--semi-color-card-HoverBg: rgba(var(--semi-grey-9),0.04);
|
|
486
489
|
--semi-color-divider-0: rgba(var(--semi-grey-9),0.2);
|
|
487
490
|
--semi-color-divider-1: rgba(var(--semi-grey-9),0.12);
|
|
488
491
|
--semi-color-divider-2: rgba(var(--semi-grey-9),0.06);
|
|
@@ -499,7 +502,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
499
502
|
--semi-color-Scrollbar: rgba(var(--semi-grey-5),0.16);
|
|
500
503
|
--semi-color-border-hover: rgba(var(--semi-grey-9),0.2);
|
|
501
504
|
--semi-color-border-modal: rgba(var(--semi-grey-9),0.06);
|
|
502
|
-
--semi-color-card-DefaultBg: rgba(var(--semi-grey-9),0.
|
|
505
|
+
--semi-color-card-DefaultBg: rgba(var(--semi-grey-9),0.02);
|
|
503
506
|
--semi-color-danger-hover: rgba(var(--semi-red-6), 1);
|
|
504
507
|
--semi-color-highlight: rgba(var(--semi-grey-9), 1);
|
|
505
508
|
--semi-color-input-HoverBg: rgba(255,255,255,1);
|
|
@@ -550,13 +553,13 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
550
553
|
--semi-color-danger-light-active: rgba(var(--semi-red-2),0.4);
|
|
551
554
|
--semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.2);
|
|
552
555
|
--semi-color-danger-light-default: rgba(var(--semi-red-2),0.2);
|
|
553
|
-
--semi-color-primary-light-hover: rgba(var(--semi-brand-
|
|
556
|
+
--semi-color-primary-light-hover: rgba(var(--semi-brand-5),0.2);
|
|
554
557
|
--semi-color-success-light-hover: rgba(var(--semi-green-3),0.3);
|
|
555
558
|
--semi-color-warning-light-hover: rgba(var(--semi-orange-3),0.3);
|
|
556
|
-
--semi-color-primary-light-active: rgba(var(--semi-brand-
|
|
559
|
+
--semi-color-primary-light-active: rgba(var(--semi-brand-5),0.3);
|
|
557
560
|
--semi-color-success-light-active: rgba(var(--semi-green-3),0.4);
|
|
558
561
|
--semi-color-warning-light-active: rgba(var(--semi-orange-3),0.4);
|
|
559
|
-
--semi-color-primary-light-default: rgba(var(--semi-brand-
|
|
562
|
+
--semi-color-primary-light-default: rgba(var(--semi-brand-5),0.12);
|
|
560
563
|
--semi-color-success-light-default: rgba(var(--semi-green-3),0.2);
|
|
561
564
|
--semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.3);
|
|
562
565
|
--semi-color-warning-light-default: rgba(var(--semi-orange-3),0.2);
|
|
@@ -636,7 +639,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
636
639
|
--semi-color-data-18: rgba(212,88,212,1);
|
|
637
640
|
--semi-color-data-19: rgba(188,198,255,1);
|
|
638
641
|
--semi-color-data-20: rgba(121,137,255,1);
|
|
639
|
-
--semi-color-border: rgba(255,255,255,0.
|
|
642
|
+
--semi-color-border: rgba(255,255,255,0.16);
|
|
640
643
|
--semi-color-danger: rgba(var(--semi-red-4),1);
|
|
641
644
|
--semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
|
|
642
645
|
--semi-color-text-nav: rgba(var(--semi-neutral-9),0.8);
|
|
@@ -669,20 +672,20 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
669
672
|
--semi-color-tab-HoverBg: rgba(var(--semi-grey-2), 1);
|
|
670
673
|
--semi-color-warning: rgba(var(--semi-orange-4),1);
|
|
671
674
|
--semi-color-app-siderbar: rgba(var(--semi-grey-0),0);
|
|
672
|
-
--semi-color-card-border: rgba(255,255,255,0.
|
|
675
|
+
--semi-color-card-border: rgba(255,255,255,0.08);
|
|
673
676
|
--semi-color-info-active: rgba(var(--semi-brand-2), 1);
|
|
674
677
|
--semi-color-link-active: rgba(var(--semi-brand-2),1);
|
|
675
678
|
--semi-color-app-container: rgba(var(--semi-grey-1),1);
|
|
676
679
|
--semi-color-bg-transparent: rgba(var(--semi-grey-0),0);
|
|
677
|
-
--semi-color-card-HoverBg: rgba(255,255,255,0.
|
|
678
|
-
--semi-color-divider-0: rgba(255,255,255,0.
|
|
679
|
-
--semi-color-divider-1: rgba(255,255,255,0.
|
|
680
|
+
--semi-color-card-HoverBg: rgba(255,255,255,0.04);
|
|
681
|
+
--semi-color-divider-0: rgba(255,255,255,0.16);
|
|
682
|
+
--semi-color-divider-1: rgba(255,255,255,0.1);
|
|
680
683
|
--semi-color-divider-2: rgba(255,255,255,0.08);
|
|
681
684
|
--semi-color-link-visited: rgba(var(--semi-brand-2),1);
|
|
682
685
|
--semi-color-photo-toast: rgba(0,0,0,0.9);
|
|
683
686
|
--semi-color-tab-DefaultBg: rgba(var(--semi-grey-1),1);
|
|
684
687
|
--semi-color-tertiary: rgba(255,255,255,0.08);
|
|
685
|
-
--semi-color-card-ActiveBg: rgba(var(--semi-brand-4),0.
|
|
688
|
+
--semi-color-card-ActiveBg: rgba(var(--semi-brand-4),0.12);
|
|
686
689
|
--semi-color-focus-border: rgba(var(--semi-brand-4),1);
|
|
687
690
|
--semi-color-info-disabled: rgba(var(--semi-brand-1),0.16);
|
|
688
691
|
--semi-color-overlay-bg: rgba(0,0,0,0.6);
|
|
@@ -692,7 +695,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
692
695
|
--semi-color-Scrollbar: rgba(255,255,255,0.12);
|
|
693
696
|
--semi-color-border-hover: rgba(255,255,255,0.2);
|
|
694
697
|
--semi-color-border-modal: rgba(255,255,255,0.12);
|
|
695
|
-
--semi-color-card-DefaultBg: rgba(255,255,255,0.
|
|
698
|
+
--semi-color-card-DefaultBg: rgba(255,255,255,0.02);
|
|
696
699
|
--semi-color-danger-hover: rgba(var(--semi-red-3),1);
|
|
697
700
|
--semi-color-highlight: rgba(var(--semi-white),1);
|
|
698
701
|
--semi-color-input-HoverBg: rgba(var(--semi-grey-1), 1);
|
|
@@ -702,7 +705,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
702
705
|
--semi-color-border-active: rgba(255,255,255,0.24);
|
|
703
706
|
--semi-color-border-select: rgba(255,255,255,0.12);
|
|
704
707
|
--semi-color-danger-active: rgba(var(--semi-red-2),1);
|
|
705
|
-
--semi-color-disabled-bg: rgba(var(--semi-grey-2),
|
|
708
|
+
--semi-color-disabled-bg: rgba(var(--semi-grey-2),1);
|
|
706
709
|
--semi-color-input-ActiveBg: rgba(var(--semi-grey-0),1);
|
|
707
710
|
--semi-color-table-ActiveBg: rgba(var(--semi-brand-4),0.12);
|
|
708
711
|
--semi-color-card-borderHover: rgba(255,255,255,0.22);
|
|
@@ -724,7 +727,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
724
727
|
--semi-color-warning-active: rgba(var(--semi-orange-2),1);
|
|
725
728
|
--semi-color-tertiary-hover: rgba(255,255,255,0.16);
|
|
726
729
|
--semi-color-Component-card: rgba(12,13,13,0.6);
|
|
727
|
-
--semi-color-disabled-border: rgba(255,255,255,0.
|
|
730
|
+
--semi-color-disabled-border: rgba(255,255,255,0.16);
|
|
728
731
|
--semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
|
|
729
732
|
--semi-color-success-disabled: rgba(var(--semi-green-1),0.16);
|
|
730
733
|
--semi-color-tertiary-active: rgba(255,255,255,0.24);
|
|
@@ -739,20 +742,21 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
739
742
|
--semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.16);
|
|
740
743
|
--semi-color-info-light-default: rgba(var(--semi-brand-0),1);
|
|
741
744
|
--semi-color-overlay-CustomPreview: rgba(0,0,0,0.9);
|
|
745
|
+
--semi-color-danger-light-name: rgba(var(--semi-blue-6),1);
|
|
742
746
|
--semi-color-danger-light-hover: rgba(var(--semi-red-0),0.3);
|
|
743
747
|
--semi-color-danger-light-active: rgba(var(--semi-red-0),0.4);
|
|
744
748
|
--semi-color-fndesktop-navbarBorder: rgba(255,255,255,0.05);
|
|
745
749
|
--semi-color-danger-light-default: rgba(var(--semi-red-0),0.2);
|
|
746
|
-
--semi-color-primary-light-hover: rgba(var(--semi-brand-
|
|
750
|
+
--semi-color-primary-light-hover: rgba(var(--semi-brand-4),0.2);
|
|
747
751
|
--semi-color-success-light-hover: rgba(var(--semi-green-1),0.3);
|
|
748
|
-
--semi-color-warning-light-hover: rgba(var(--semi-
|
|
749
|
-
--semi-color-primary-light-active: rgba(var(--semi-brand-
|
|
752
|
+
--semi-color-warning-light-hover: rgba(var(--semi-amber-5), 0.3);
|
|
753
|
+
--semi-color-primary-light-active: rgba(var(--semi-brand-4),0.3);
|
|
750
754
|
--semi-color-success-light-active: rgba(var(--semi-green-5),0.4);
|
|
751
|
-
--semi-color-warning-light-active: rgba(var(--semi-
|
|
752
|
-
--semi-color-primary-light-default: rgba(var(--semi-brand-
|
|
755
|
+
--semi-color-warning-light-active: rgba(var(--semi-amber-5), 0.4);
|
|
756
|
+
--semi-color-primary-light-default: rgba(var(--semi-brand-4),0.1);
|
|
753
757
|
--semi-color-success-light-default: rgba(var(--semi-green-5),0.2);
|
|
754
758
|
--semi-color-tertiary-light-hover: rgba(var(--semi-grey-5),0.16);
|
|
755
|
-
--semi-color-warning-light-default: rgba(var(--semi-
|
|
759
|
+
--semi-color-warning-light-default: rgba(var(--semi-amber-5), 0.2);
|
|
756
760
|
--semi-color-tertiary-light-active: rgba(var(--semi-grey-5),0.32);
|
|
757
761
|
--semi-color-CheckboxPhoto-DefaultBg: rgba(255,255,255,0.2);
|
|
758
762
|
--semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1),1);
|
|
@@ -2494,7 +2498,7 @@ body, :host {
|
|
|
2494
2498
|
}
|
|
2495
2499
|
.semi-avatar-large .semi-avatar-label {
|
|
2496
2500
|
font-size: 32px;
|
|
2497
|
-
font-family: "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue",
|
|
2501
|
+
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;
|
|
2498
2502
|
line-height: 44px;
|
|
2499
2503
|
}
|
|
2500
2504
|
.semi-avatar-extra-large {
|
|
@@ -24731,7 +24735,7 @@ img[src=""], img:not([src]) {
|
|
|
24731
24735
|
h1.semi-typography,
|
|
24732
24736
|
.semi-typography-h1.semi-typography {
|
|
24733
24737
|
font-size: 32px;
|
|
24734
|
-
font-family: "PingFang SC", Lantinghei SC, "Microsoft YaHei", HanHei SC, "Helvetica Neue",
|
|
24738
|
+
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;
|
|
24735
24739
|
line-height: 44px;
|
|
24736
24740
|
font-weight: 600;
|
|
24737
24741
|
margin: 0;
|