@semi-bot/semi-theme-fnos 1.1.0 → 1.1.1
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 +2 -2
- package/package.json +1 -1
- package/raw.json +11 -9
- package/scss/global.scss +10 -8
- package/scss/local.scss +1 -1
- package/semi.css +11 -9
- package/semi.min.css +1 -1
package/README.md
CHANGED
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -530,17 +530,18 @@
|
|
|
530
530
|
"primary/--semi-color-primary-active": "rgba(var(--semi-brand-2),1)",
|
|
531
531
|
"success/--semi-color-success-active": "rgba(var(--semi-green-3),1)",
|
|
532
532
|
"warning/--semi-color-warning-active": "rgba(var(--semi-amber-2),1)",
|
|
533
|
-
"tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-
|
|
533
|
+
"tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-7),0.16)",
|
|
534
534
|
"Component/--semi-color-Component-card": "rgba(12,13,13,0.6)",
|
|
535
535
|
"disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-5),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-grey-5),0.16)",
|
|
538
|
-
"tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-
|
|
538
|
+
"tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-8),0.22)",
|
|
539
539
|
"Scrollbar/--semi-color-Scrollbar-hover": "rgba(var(--semi-grey-5),0.32)",
|
|
540
540
|
"secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
|
|
541
541
|
"overlay/--semi-color-overlay-CustomAnti": "rgba(0,0,0,0.6)",
|
|
542
542
|
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
|
|
543
543
|
"info-light/--semi-color-info-light-hover": "rgba(var(--semi-brand-1),1)",
|
|
544
|
+
"progress/--semi-color-progress-defaultBg": "rgba(var(--semi-grey-5),0.16)",
|
|
544
545
|
"fndesktop/--semi-color-fndesktop-navbarBg": "rgba(12,13,13,0.6)",
|
|
545
546
|
"info-light/--semi-color-info-light-active": "rgba(var(--semi-brand-2),1)",
|
|
546
547
|
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-grey-5),0.16)",
|
|
@@ -613,7 +614,7 @@
|
|
|
613
614
|
"data/--semi-color-data-18": "rgba(212,88,212,1)",
|
|
614
615
|
"data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
|
|
615
616
|
"data/--semi-color-data-20": "rgba(121,137,255, 1)",
|
|
616
|
-
"border/--semi-color-border": "rgba(var(--semi-grey-
|
|
617
|
+
"border/--semi-color-border": "rgba(var(--semi-grey-6),0.16)",
|
|
617
618
|
"danger/--semi-color-danger": "rgba(var(--semi-red-5),1)",
|
|
618
619
|
"shadow/--semi-color-shadow": "rgba(var(--semi-grey-9), 0.05)",
|
|
619
620
|
"text/--semi-color-text-nav": "rgba(var(--semi-neutral-9), 0.75)",
|
|
@@ -646,7 +647,7 @@
|
|
|
646
647
|
"tab/--semi-color-tab-HoverBg": "rgba(var(--semi-grey-5),0.16)",
|
|
647
648
|
"warning/--semi-color-warning": "rgba(var(--semi-amber-5), 1)",
|
|
648
649
|
"app/--semi-color-app-siderbar": "rgba(var(--semi-neutral-0),0)",
|
|
649
|
-
"card/--semi-color-card-border": "rgba(var(--semi-grey-
|
|
650
|
+
"card/--semi-color-card-border": "rgba(var(--semi-grey-6),0.16)",
|
|
650
651
|
"info/--semi-color-info-active": "rgba(var(--semi-brand-7), 1)",
|
|
651
652
|
"link/--semi-color-link-active": "rgba(var(--semi-brand-7),1)",
|
|
652
653
|
"app/--semi-color-app-container": "rgba(255,255,255,1)",
|
|
@@ -666,8 +667,8 @@
|
|
|
666
667
|
"tab/--semi-color-tab-DisabledBg": "rgba(var(--semi-grey-5),0.16)",
|
|
667
668
|
"tab/--semi-color-tab-SelectedBg": "rgba(var(--semi-grey-9),1)",
|
|
668
669
|
"Scrollbar/--semi-color-Scrollbar": "rgba(var(--semi-grey-5),0.16)",
|
|
669
|
-
"border/--semi-color-border-hover": "rgba(var(--semi-grey-
|
|
670
|
-
"border/--semi-color-border-modal": "rgba(var(--semi-grey-
|
|
670
|
+
"border/--semi-color-border-hover": "rgba(var(--semi-grey-6),0.22)",
|
|
671
|
+
"border/--semi-color-border-modal": "rgba(var(--semi-grey-6),0.08)",
|
|
671
672
|
"card/--semi-color-card-DefaultBg": "rgba(var(--semi-grey-5),0.08)",
|
|
672
673
|
"danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
|
|
673
674
|
"highlight/--semi-color-highlight": "rgba(var(--semi-grey-9), 1)",
|
|
@@ -675,8 +676,8 @@
|
|
|
675
676
|
"secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
|
|
676
677
|
"table/--semi-color-table-FocusBg": "rgba(var(--semi-brand-5),0.2)",
|
|
677
678
|
"table/--semi-color-table-HoverBg": "rgba(var(--semi-grey-5),0.08)",
|
|
678
|
-
"border/--semi-color-border-active": "rgba(var(--semi-grey-
|
|
679
|
-
"border/--semi-color-border-select": "rgba(var(--semi-grey-
|
|
679
|
+
"border/--semi-color-border-active": "rgba(var(--semi-grey-6),0.32)",
|
|
680
|
+
"border/--semi-color-border-select": "rgba(var(--semi-grey-6),0)",
|
|
680
681
|
"danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
|
|
681
682
|
"disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-5),0.16)",
|
|
682
683
|
"input/--semi-color-input-ActiveBg": "rgba(255,255,255,1)",
|
|
@@ -709,6 +710,7 @@
|
|
|
709
710
|
"overlay/--semi-color-overlay-CustomAnti": "rgba(255,255,255,0.7)",
|
|
710
711
|
"secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
|
|
711
712
|
"info-light/--semi-color-info-light-hover": "rgba(var(--semi-brand-1),1)",
|
|
713
|
+
"progress/--semi-color-progress-defaultBg": "rgba(var(--semi-grey-5),0.16)",
|
|
712
714
|
"fndesktop/--semi-color-fndesktop-navbarBg": "rgba(134,164,179,0.05)",
|
|
713
715
|
"info-light/--semi-color-info-light-active": "rgba(var(--semi-brand-2),1)",
|
|
714
716
|
"secondary/--semi-color-secondary-disabled": "rgba(var(--semi-grey-5),0.16)",
|
|
@@ -985,7 +987,7 @@
|
|
|
985
987
|
"$color-button_primary-border-default": "var(--semi-color-bg-transparent)",
|
|
986
988
|
"$color-button_secondary-text-default": "var(--semi-color-white)",
|
|
987
989
|
"$color-button_secondary-border-default": "var(--semi-color-bg-transparent)",
|
|
988
|
-
"$color-button_tertiary_solid-text-default": "var(--semi-color-text-
|
|
990
|
+
"$color-button_tertiary_solid-text-default": "var(--semi-color-text-1)"
|
|
989
991
|
},
|
|
990
992
|
"width": {
|
|
991
993
|
"$width-button-border": "0px",
|
package/scss/global.scss
CHANGED
|
@@ -43,7 +43,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
43
43
|
--semi-color-data-18: rgba(212,88,212,1);
|
|
44
44
|
--semi-color-data-19: rgba(188, 198, 255, 1);
|
|
45
45
|
--semi-color-data-20: rgba(121,137,255, 1);
|
|
46
|
-
--semi-color-border: rgba(var(--semi-grey-
|
|
46
|
+
--semi-color-border: rgba(var(--semi-grey-6),0.16);
|
|
47
47
|
--semi-color-danger: rgba(var(--semi-red-5),1);
|
|
48
48
|
--semi-color-shadow: rgba(var(--semi-grey-9), 0.05);
|
|
49
49
|
--semi-color-text-nav: rgba(var(--semi-neutral-9), 0.75);
|
|
@@ -76,7 +76,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
76
76
|
--semi-color-tab-HoverBg: rgba(var(--semi-grey-5),0.16);
|
|
77
77
|
--semi-color-warning: rgba(var(--semi-amber-5), 1);
|
|
78
78
|
--semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
|
|
79
|
-
--semi-color-card-border: rgba(var(--semi-grey-
|
|
79
|
+
--semi-color-card-border: rgba(var(--semi-grey-6),0.16);
|
|
80
80
|
--semi-color-info-active: rgba(var(--semi-brand-7), 1);
|
|
81
81
|
--semi-color-link-active: rgba(var(--semi-brand-7),1);
|
|
82
82
|
--semi-color-app-container: rgba(255,255,255,1);
|
|
@@ -96,8 +96,8 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
96
96
|
--semi-color-tab-DisabledBg: rgba(var(--semi-grey-5),0.16);
|
|
97
97
|
--semi-color-tab-SelectedBg: rgba(var(--semi-grey-9),1);
|
|
98
98
|
--semi-color-Scrollbar: rgba(var(--semi-grey-5),0.16);
|
|
99
|
-
--semi-color-border-hover: rgba(var(--semi-grey-
|
|
100
|
-
--semi-color-border-modal: rgba(var(--semi-grey-
|
|
99
|
+
--semi-color-border-hover: rgba(var(--semi-grey-6),0.22);
|
|
100
|
+
--semi-color-border-modal: rgba(var(--semi-grey-6),0.08);
|
|
101
101
|
--semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.08);
|
|
102
102
|
--semi-color-danger-hover: rgba(var(--semi-red-6), 1);
|
|
103
103
|
--semi-color-highlight: rgba(var(--semi-grey-9), 1);
|
|
@@ -105,8 +105,8 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
105
105
|
--semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
|
|
106
106
|
--semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
|
|
107
107
|
--semi-color-table-HoverBg: rgba(var(--semi-grey-5),0.08);
|
|
108
|
-
--semi-color-border-active: rgba(var(--semi-grey-
|
|
109
|
-
--semi-color-border-select: rgba(var(--semi-grey-
|
|
108
|
+
--semi-color-border-active: rgba(var(--semi-grey-6),0.32);
|
|
109
|
+
--semi-color-border-select: rgba(var(--semi-grey-6),0);
|
|
110
110
|
--semi-color-danger-active: rgba(var(--semi-red-7), 1);
|
|
111
111
|
--semi-color-disabled-bg: rgba(var(--semi-grey-5),0.16);
|
|
112
112
|
--semi-color-input-ActiveBg: rgba(255,255,255,1);
|
|
@@ -139,6 +139,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
|
|
|
139
139
|
--semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
|
|
140
140
|
--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
|
|
141
141
|
--semi-color-info-light-hover: rgba(var(--semi-brand-1),1);
|
|
142
|
+
--semi-color-progress-defaultBg: rgba(var(--semi-grey-5),0.16);
|
|
142
143
|
--semi-color-fndesktop-navbarBg: rgba(134,164,179,0.05);
|
|
143
144
|
--semi-color-info-light-active: rgba(var(--semi-brand-2),1);
|
|
144
145
|
--semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.16);
|
|
@@ -321,17 +322,18 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
|
|
|
321
322
|
--semi-color-primary-active: rgba(var(--semi-brand-2),1);
|
|
322
323
|
--semi-color-success-active: rgba(var(--semi-green-3),1);
|
|
323
324
|
--semi-color-warning-active: rgba(var(--semi-amber-2),1);
|
|
324
|
-
--semi-color-tertiary-hover: rgba(var(--semi-grey-
|
|
325
|
+
--semi-color-tertiary-hover: rgba(var(--semi-grey-7),0.16);
|
|
325
326
|
--semi-color-Component-card: rgba(12,13,13,0.6);
|
|
326
327
|
--semi-color-disabled-border: rgba(var(--semi-grey-5),0.16);
|
|
327
328
|
--semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
|
|
328
329
|
--semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
|
|
329
|
-
--semi-color-tertiary-active: rgba(var(--semi-grey-
|
|
330
|
+
--semi-color-tertiary-active: rgba(var(--semi-grey-8),0.22);
|
|
330
331
|
--semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
|
|
331
332
|
--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
|
|
332
333
|
--semi-color-overlay-CustomAnti: rgba(0,0,0,0.6);
|
|
333
334
|
--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
|
|
334
335
|
--semi-color-info-light-hover: rgba(var(--semi-brand-1),1);
|
|
336
|
+
--semi-color-progress-defaultBg: rgba(var(--semi-grey-5),0.16);
|
|
335
337
|
--semi-color-fndesktop-navbarBg: rgba(12,13,13,0.6);
|
|
336
338
|
--semi-color-info-light-active: rgba(var(--semi-brand-2),1);
|
|
337
339
|
--semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.16);
|
package/scss/local.scss
CHANGED
|
@@ -68,7 +68,7 @@ $color-button_tertiary-text-default: var(--semi-color-white);
|
|
|
68
68
|
$color-button_primary-border-default: var(--semi-color-bg-transparent);
|
|
69
69
|
$color-button_secondary-text-default: var(--semi-color-white);
|
|
70
70
|
$color-button_secondary-border-default: var(--semi-color-bg-transparent);
|
|
71
|
-
$color-button_tertiary_solid-text-default: var(--semi-color-text-
|
|
71
|
+
$color-button_tertiary_solid-text-default: var(--semi-color-text-1);
|
|
72
72
|
$width-button-border: 0px;
|
|
73
73
|
$width-button-outline: 1px;
|
|
74
74
|
$width-button_light-border: 1px;
|
package/semi.css
CHANGED
|
@@ -443,7 +443,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
443
443
|
--semi-color-data-18: rgba(212,88,212,1);
|
|
444
444
|
--semi-color-data-19: rgba(188, 198, 255, 1);
|
|
445
445
|
--semi-color-data-20: rgba(121,137,255, 1);
|
|
446
|
-
--semi-color-border: rgba(var(--semi-grey-
|
|
446
|
+
--semi-color-border: rgba(var(--semi-grey-6),0.16);
|
|
447
447
|
--semi-color-danger: rgba(var(--semi-red-5),1);
|
|
448
448
|
--semi-color-shadow: rgba(var(--semi-grey-9), 0.05);
|
|
449
449
|
--semi-color-text-nav: rgba(var(--semi-neutral-9), 0.75);
|
|
@@ -476,7 +476,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
476
476
|
--semi-color-tab-HoverBg: rgba(var(--semi-grey-5),0.16);
|
|
477
477
|
--semi-color-warning: rgba(var(--semi-amber-5), 1);
|
|
478
478
|
--semi-color-app-siderbar: rgba(var(--semi-neutral-0),0);
|
|
479
|
-
--semi-color-card-border: rgba(var(--semi-grey-
|
|
479
|
+
--semi-color-card-border: rgba(var(--semi-grey-6),0.16);
|
|
480
480
|
--semi-color-info-active: rgba(var(--semi-brand-7), 1);
|
|
481
481
|
--semi-color-link-active: rgba(var(--semi-brand-7),1);
|
|
482
482
|
--semi-color-app-container: rgba(255,255,255,1);
|
|
@@ -496,8 +496,8 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
496
496
|
--semi-color-tab-DisabledBg: rgba(var(--semi-grey-5),0.16);
|
|
497
497
|
--semi-color-tab-SelectedBg: rgba(var(--semi-grey-9),1);
|
|
498
498
|
--semi-color-Scrollbar: rgba(var(--semi-grey-5),0.16);
|
|
499
|
-
--semi-color-border-hover: rgba(var(--semi-grey-
|
|
500
|
-
--semi-color-border-modal: rgba(var(--semi-grey-
|
|
499
|
+
--semi-color-border-hover: rgba(var(--semi-grey-6),0.22);
|
|
500
|
+
--semi-color-border-modal: rgba(var(--semi-grey-6),0.08);
|
|
501
501
|
--semi-color-card-DefaultBg: rgba(var(--semi-grey-5),0.08);
|
|
502
502
|
--semi-color-danger-hover: rgba(var(--semi-red-6), 1);
|
|
503
503
|
--semi-color-highlight: rgba(var(--semi-grey-9), 1);
|
|
@@ -505,8 +505,8 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
505
505
|
--semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
|
|
506
506
|
--semi-color-table-FocusBg: rgba(var(--semi-brand-5),0.2);
|
|
507
507
|
--semi-color-table-HoverBg: rgba(var(--semi-grey-5),0.08);
|
|
508
|
-
--semi-color-border-active: rgba(var(--semi-grey-
|
|
509
|
-
--semi-color-border-select: rgba(var(--semi-grey-
|
|
508
|
+
--semi-color-border-active: rgba(var(--semi-grey-6),0.32);
|
|
509
|
+
--semi-color-border-select: rgba(var(--semi-grey-6),0);
|
|
510
510
|
--semi-color-danger-active: rgba(var(--semi-red-7), 1);
|
|
511
511
|
--semi-color-disabled-bg: rgba(var(--semi-grey-5),0.16);
|
|
512
512
|
--semi-color-input-ActiveBg: rgba(255,255,255,1);
|
|
@@ -539,6 +539,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
|
|
|
539
539
|
--semi-color-overlay-CustomAnti: rgba(255,255,255,0.7);
|
|
540
540
|
--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
|
|
541
541
|
--semi-color-info-light-hover: rgba(var(--semi-brand-1),1);
|
|
542
|
+
--semi-color-progress-defaultBg: rgba(var(--semi-grey-5),0.16);
|
|
542
543
|
--semi-color-fndesktop-navbarBg: rgba(134,164,179,0.05);
|
|
543
544
|
--semi-color-info-light-active: rgba(var(--semi-brand-2),1);
|
|
544
545
|
--semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.16);
|
|
@@ -720,17 +721,18 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
|
|
|
720
721
|
--semi-color-primary-active: rgba(var(--semi-brand-2),1);
|
|
721
722
|
--semi-color-success-active: rgba(var(--semi-green-3),1);
|
|
722
723
|
--semi-color-warning-active: rgba(var(--semi-amber-2),1);
|
|
723
|
-
--semi-color-tertiary-hover: rgba(var(--semi-grey-
|
|
724
|
+
--semi-color-tertiary-hover: rgba(var(--semi-grey-7),0.16);
|
|
724
725
|
--semi-color-Component-card: rgba(12,13,13,0.6);
|
|
725
726
|
--semi-color-disabled-border: rgba(var(--semi-grey-5),0.16);
|
|
726
727
|
--semi-color-primary-disabled: rgba(var(--semi-grey-5),0.16);
|
|
727
728
|
--semi-color-success-disabled: rgba(var(--semi-grey-5),0.16);
|
|
728
|
-
--semi-color-tertiary-active: rgba(var(--semi-grey-
|
|
729
|
+
--semi-color-tertiary-active: rgba(var(--semi-grey-8),0.22);
|
|
729
730
|
--semi-color-Scrollbar-hover: rgba(var(--semi-grey-5),0.32);
|
|
730
731
|
--semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
|
|
731
732
|
--semi-color-overlay-CustomAnti: rgba(0,0,0,0.6);
|
|
732
733
|
--semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
|
|
733
734
|
--semi-color-info-light-hover: rgba(var(--semi-brand-1),1);
|
|
735
|
+
--semi-color-progress-defaultBg: rgba(var(--semi-grey-5),0.16);
|
|
734
736
|
--semi-color-fndesktop-navbarBg: rgba(12,13,13,0.6);
|
|
735
737
|
--semi-color-info-light-active: rgba(var(--semi-brand-2),1);
|
|
736
738
|
--semi-color-secondary-disabled: rgba(var(--semi-grey-5),0.16);
|
|
@@ -3629,7 +3631,7 @@ body, :host {
|
|
|
3629
3631
|
border: 1px solid var(--semi-color-border);
|
|
3630
3632
|
}
|
|
3631
3633
|
.semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
|
|
3632
|
-
color: var(--semi-color-text-
|
|
3634
|
+
color: var(--semi-color-text-1);
|
|
3633
3635
|
}
|
|
3634
3636
|
.semi-button-primary {
|
|
3635
3637
|
background-color: var(--semi-color-primary);
|