@semi-bot/semi-theme-fnos 1.0.9 → 1.0.11

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/README.md +1 -1
  2. package/package.json +1 -1
  3. package/raw.json +6 -6
  4. package/scss/global.scss +7 -7
  5. package/scss/mixin.scss +1 -1
  6. package/semi.css +11 -11
  7. package/semi.min.css +1 -1
package/README.md CHANGED
@@ -5,7 +5,7 @@ Operator: Zuri
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.88.0-beta.0 or newer.
8
+ Compatible with Semi Foundation Version 2.88.0-beta.1 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-fnos",
3
- "version": "1.0.9",
3
+ "version": "1.0.11",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -402,7 +402,7 @@
402
402
  "tokens": {
403
403
  "color": {
404
404
  "dark": {
405
- "app/--semi-color-app": "rgba(var(--semi-cyan-4),1)",
405
+ "app/--semi-color-app": "rgba(var(--semi-grey-0),1)",
406
406
  "bg/--semi-color-bg-0": "rgba(var(--semi-neutral-0),1)",
407
407
  "bg/--semi-color-bg-1": "rgba(var(--semi-neutral-1), 1)",
408
408
  "bg/--semi-color-bg-2": "rgba(var(--semi-neutral-1), 1)",
@@ -448,7 +448,7 @@
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.75)",
451
- "app/--semi-color-app-header": "rgba(var(--semi-neutral-0), 0)",
451
+ "app/--semi-color-app-header": "rgba(var(--semi-grey-0),0)",
452
452
  "bg/--semi-color-bg-dropdown": "rgba(var(--semi-neutral-2), 1)",
453
453
  "black/--semi-color-black-10": "rgba(0,0,0,0.1)",
454
454
  "black/--semi-color-black-20": "rgba(0,0,0,0.2)",
@@ -476,11 +476,11 @@
476
476
  "success/--semi-color-success": "rgba(var(--semi-green-4),1)",
477
477
  "tab/--semi-color-tab-HoverBg": "rgba(var(--semi-grey-2), 1)",
478
478
  "warning/--semi-color-warning": "rgba(var(--semi-amber-4),1)",
479
- "app/--semi-color-app-siderbar": "rgba(var(--semi-neutral-0), 0)",
479
+ "app/--semi-color-app-siderbar": "rgba(var(--semi-grey-0), 0)",
480
480
  "card/--semi-color-card-border": "rgba(var(--semi-grey-5),0.16)",
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
- "app/--semi-color-app-container": "rgba(var(--semi-neutral-1), 1)",
483
+ "app/--semi-color-app-container": "rgba(var(--semi-grey-1), 1)",
484
484
  "bg/--semi-color-bg-transparent": "rgba(var(--semi-neutral-0), 0)",
485
485
  "card/--semi-color-card-HoverBg": "rgba(var(--semi-grey-5),0.08)",
486
486
  "divider/--semi-color-divider-0": "rgba(var(--semi-grey-5),0.22)",
@@ -667,7 +667,7 @@
667
667
  "tab/--semi-color-tab-SelectedBg": "rgba(var(--semi-grey-9),1)",
668
668
  "Scrollbar/--semi-color-Scrollbar": "rgba(var(--semi-grey-5),0.16)",
669
669
  "border/--semi-color-border-hover": "rgba(var(--semi-grey-8), 0.22)",
670
- "border/--semi-color-border-modal": "rgba(var(--semi-grey-8),0)",
670
+ "border/--semi-color-border-modal": "rgba(var(--semi-grey-8),0.08)",
671
671
  "card/--semi-color-card-DefaultBg": "rgba(var(--semi-grey-5),0.08)",
672
672
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
673
673
  "highlight/--semi-color-highlight": "rgba(var(--semi-grey-9), 1)",
@@ -824,7 +824,7 @@
824
824
  "shadow-knob": "0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30)",
825
825
  "shadow-text": "0px 0px 4px 0px rgba(0,0,0,0.5),0px 1px 6px 0px rgba(0,0,0,0.2)",
826
826
  "shadow-dropdown": "0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2)",
827
- "shadow-elevated": "0px 12px 42px -4px rgba(0,0,0,0.08),0px 8px 16px -6px rgba(0,0,0,0.08)"
827
+ "shadow-elevated": "0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12)"
828
828
  },
829
829
  "spacing": {
830
830
  "$spacing-base": "16px",
package/scss/global.scss CHANGED
@@ -97,7 +97,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
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
99
  --semi-color-border-hover: rgba(var(--semi-grey-8), 0.22);
100
- --semi-color-border-modal: rgba(var(--semi-grey-8),0);
100
+ --semi-color-border-modal: rgba(var(--semi-grey-8),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);
@@ -169,7 +169,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
169
169
  --semi-color-CheckboxPhoto-DefaultBorderHover: rgba(255,255,255,0);
170
170
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
171
171
  -webkit-font-smoothing: antialiased;;
172
- --semi-shadow-elevated: 0px 12px 42px -4px rgba(0,0,0,0.08),0px 8px 16px -6px rgba(0,0,0,0.08);
172
+ --semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
173
173
  --semi-shadow-0: none;
174
174
  --semi-shadow-1: none;
175
175
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
@@ -193,7 +193,7 @@ font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC
193
193
 
194
194
  }
195
195
  body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :host .semi-always-dark {
196
- --semi-color-app: rgba(var(--semi-cyan-4),1);
196
+ --semi-color-app: rgba(var(--semi-grey-0),1);
197
197
  --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
198
198
  --semi-color-bg-1: rgba(var(--semi-neutral-1), 1);
199
199
  --semi-color-bg-2: rgba(var(--semi-neutral-1), 1);
@@ -239,7 +239,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
239
239
  --semi-color-danger: rgba(var(--semi-red-4),1);
240
240
  --semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
241
241
  --semi-color-text-nav: rgba(var(--semi-neutral-9),0.75);
242
- --semi-color-app-header: rgba(var(--semi-neutral-0), 0);
242
+ --semi-color-app-header: rgba(var(--semi-grey-0),0);
243
243
  --semi-color-bg-dropdown: rgba(var(--semi-neutral-2), 1);
244
244
  --semi-color-black-10: rgba(0,0,0,0.1);
245
245
  --semi-color-black-20: rgba(0,0,0,0.2);
@@ -267,11 +267,11 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
267
267
  --semi-color-success: rgba(var(--semi-green-4),1);
268
268
  --semi-color-tab-HoverBg: rgba(var(--semi-grey-2), 1);
269
269
  --semi-color-warning: rgba(var(--semi-amber-4),1);
270
- --semi-color-app-siderbar: rgba(var(--semi-neutral-0), 0);
270
+ --semi-color-app-siderbar: rgba(var(--semi-grey-0), 0);
271
271
  --semi-color-card-border: rgba(var(--semi-grey-5),0.16);
272
272
  --semi-color-info-active: rgba(var(--semi-brand-2),1);
273
273
  --semi-color-link-active: rgba(var(--semi-brand-2),1);
274
- --semi-color-app-container: rgba(var(--semi-neutral-1), 1);
274
+ --semi-color-app-container: rgba(var(--semi-grey-1), 1);
275
275
  --semi-color-bg-transparent: rgba(var(--semi-neutral-0), 0);
276
276
  --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.08);
277
277
  --semi-color-divider-0: rgba(var(--semi-grey-5),0.22);
@@ -362,7 +362,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
362
362
  --semi-color-CheckboxPhoto-DefaultBorderHover: rgba(255,255,255,0);
363
363
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI','PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue',Helvetica, Arial, sans-serif;
364
364
  -webkit-font-smoothing: antialiased;;
365
- --semi-shadow-elevated: 0px 12px 42px -4px rgba(0,0,0,0.08),0px 8px 16px -6px rgba(0,0,0,0.08);
365
+ --semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
366
366
  --semi-shadow-0: none;
367
367
  --semi-shadow-1: none;
368
368
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
package/scss/mixin.scss CHANGED
@@ -20,7 +20,7 @@
20
20
  box-shadow: 0px 12px 42px -4px rgba(20,23,26,0.12),0px 8px 18px -6px rgba(20,23,26,0.2);
21
21
  };
22
22
  @mixin shadow-elevated {
23
- box-shadow: 0px 12px 42px -4px rgba(0,0,0,0.08),0px 8px 16px -6px rgba(0,0,0,0.08);
23
+ box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
24
24
  };
25
25
 
26
26
  @mixin box-sizing() {
package/semi.css CHANGED
@@ -497,7 +497,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
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
499
  --semi-color-border-hover: rgba(var(--semi-grey-8), 0.22);
500
- --semi-color-border-modal: rgba(var(--semi-grey-8),0);
500
+ --semi-color-border-modal: rgba(var(--semi-grey-8),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);
@@ -569,7 +569,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
569
569
  --semi-color-CheckboxPhoto-DefaultBorderHover: rgba(255,255,255,0);
570
570
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
571
571
  -webkit-font-smoothing: antialiased;
572
- --semi-shadow-elevated: 0px 12px 42px -4px rgba(0,0,0,0.08),0px 8px 16px -6px rgba(0,0,0,0.08);
572
+ --semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
573
573
  --semi-shadow-0: none;
574
574
  --semi-shadow-1: none;
575
575
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
@@ -592,7 +592,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
592
592
  }
593
593
 
594
594
  body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
595
- --semi-color-app: rgba(var(--semi-cyan-4),1);
595
+ --semi-color-app: rgba(var(--semi-grey-0),1);
596
596
  --semi-color-bg-0: rgba(var(--semi-neutral-0),1);
597
597
  --semi-color-bg-1: rgba(var(--semi-neutral-1), 1);
598
598
  --semi-color-bg-2: rgba(var(--semi-neutral-1), 1);
@@ -638,7 +638,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
638
638
  --semi-color-danger: rgba(var(--semi-red-4),1);
639
639
  --semi-color-shadow: rgba(var(--semi-grey-0), 0.8);
640
640
  --semi-color-text-nav: rgba(var(--semi-neutral-9),0.75);
641
- --semi-color-app-header: rgba(var(--semi-neutral-0), 0);
641
+ --semi-color-app-header: rgba(var(--semi-grey-0),0);
642
642
  --semi-color-bg-dropdown: rgba(var(--semi-neutral-2), 1);
643
643
  --semi-color-black-10: rgba(0,0,0,0.1);
644
644
  --semi-color-black-20: rgba(0,0,0,0.2);
@@ -666,11 +666,11 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
666
666
  --semi-color-success: rgba(var(--semi-green-4),1);
667
667
  --semi-color-tab-HoverBg: rgba(var(--semi-grey-2), 1);
668
668
  --semi-color-warning: rgba(var(--semi-amber-4),1);
669
- --semi-color-app-siderbar: rgba(var(--semi-neutral-0), 0);
669
+ --semi-color-app-siderbar: rgba(var(--semi-grey-0), 0);
670
670
  --semi-color-card-border: rgba(var(--semi-grey-5),0.16);
671
671
  --semi-color-info-active: rgba(var(--semi-brand-2),1);
672
672
  --semi-color-link-active: rgba(var(--semi-brand-2),1);
673
- --semi-color-app-container: rgba(var(--semi-neutral-1), 1);
673
+ --semi-color-app-container: rgba(var(--semi-grey-1), 1);
674
674
  --semi-color-bg-transparent: rgba(var(--semi-neutral-0), 0);
675
675
  --semi-color-card-HoverBg: rgba(var(--semi-grey-5),0.08);
676
676
  --semi-color-divider-0: rgba(var(--semi-grey-5),0.22);
@@ -761,7 +761,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
761
761
  --semi-color-CheckboxPhoto-DefaultBorderHover: rgba(255,255,255,0);
762
762
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
763
763
  -webkit-font-smoothing: antialiased;
764
- --semi-shadow-elevated: 0px 12px 42px -4px rgba(0,0,0,0.08),0px 8px 16px -6px rgba(0,0,0,0.08);
764
+ --semi-shadow-elevated: 0px 10px 20px 0px rgba(0,0,0,0.08),0px 10px 40px 0px rgba(0,0,0,0.12);
765
765
  --semi-shadow-0: none;
766
766
  --semi-shadow-1: none;
767
767
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
@@ -8385,7 +8385,7 @@ body, :host {
8385
8385
  }
8386
8386
  .semi-dropdown-wrapper {
8387
8387
  overflow-y: auto;
8388
- box-shadow: 0px 12px 42px -4px rgba(0, 0, 0, 0.08), 0px 8px 16px -6px rgba(0, 0, 0, 0.08);
8388
+ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08), 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
8389
8389
  position: relative;
8390
8390
  z-index: 1050;
8391
8391
  border-radius: 8px;
@@ -16901,7 +16901,7 @@ img[src=""], img:not([src]) {
16901
16901
  }
16902
16902
 
16903
16903
  .semi-notification-notice {
16904
- box-shadow: 0px 12px 42px -4px rgba(0, 0, 0, 0.08), 0px 8px 16px -6px rgba(0, 0, 0, 0.08);
16904
+ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08), 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
16905
16905
  border-radius: var(--semi-border-radius-medium);
16906
16906
  padding-top: 16px;
16907
16907
  padding-right: 12px;
@@ -17533,7 +17533,7 @@ img[src=""], img:not([src]) {
17533
17533
  position: relative;
17534
17534
  background-color: var(--semi-color-bg-3);
17535
17535
  backdrop-filter: none;
17536
- box-shadow: 0px 12px 42px -4px rgba(0, 0, 0, 0.08), 0px 8px 16px -6px rgba(0, 0, 0, 0.08);
17536
+ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08), 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
17537
17537
  z-index: 1030;
17538
17538
  border-radius: var(--semi-border-radius-medium);
17539
17539
  font-size: 14px;
@@ -23125,7 +23125,7 @@ img[src=""], img:not([src]) {
23125
23125
  }
23126
23126
  .semi-toast-content {
23127
23127
  pointer-events: all;
23128
- box-shadow: 0px 12px 42px -4px rgba(0, 0, 0, 0.08), 0px 8px 16px -6px rgba(0, 0, 0, 0.08);
23128
+ box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08), 0px 10px 40px 0px rgba(0, 0, 0, 0.12);
23129
23129
  font-size: 14px;
23130
23130
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
23131
23131
  line-height: 20px;