@semi-bot/semi-theme-fn-music 1.0.22 → 1.0.25

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 (5) hide show
  1. package/package.json +1 -1
  2. package/raw.json +11 -1
  3. package/scss/global.scss +11 -1
  4. package/semi.css +11 -1
  5. package/semi.min.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-fn-music",
3
- "version": "1.0.22",
3
+ "version": "1.0.25",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -360,6 +360,7 @@
360
360
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
361
361
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
362
362
  "nav/--semi-color-nav-bg": "rgba(35, 36, 41, 1)",
363
+ "pop/--semi-color-pop-bg": "rgba(82,82,82,0.8)",
363
364
  "black/--semi-color-black": "rgba(var(--semi-black), 1)",
364
365
  "data/--semi-color-data-0": "rgba(94, 109, 194, 1)",
365
366
  "data/--semi-color-data-1": "rgba(8, 104, 120, 1)",
@@ -389,9 +390,12 @@
389
390
  "data/--semi-color-data-17": "rgba(98, 138, 6, 1)",
390
391
  "data/--semi-color-data-18": "rgba(162, 48, 179, 1)",
391
392
  "data/--semi-color-data-19": "rgba(40, 51, 138, 1)",
393
+ "pop/--semi-color-pop-mask": "rgba(0,0,0,0.8)",
392
394
  "border/--semi-color-border": "rgba(var(--semi-white), 0.08)",
393
395
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
394
396
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
397
+ "modal/--semi-color-modal-bg": "rgba(0,0,0,0.9)",
398
+ "pop/--semi-color-pop-border": "rgba(255,255,255,0.2)",
395
399
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
396
400
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
397
401
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
@@ -469,7 +473,8 @@
469
473
  "bg/--semi-color-bg-4": "rgba(var(--semi-white), 1)",
470
474
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
471
475
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
472
- "nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
476
+ "nav/--semi-color-nav-bg": "rgba(18,18,20,0)",
477
+ "pop/--semi-color-pop-bg": "rgba(255,255,255,0.9)",
473
478
  "black/--semi-color-black": "rgba(var(--semi-black), 1)",
474
479
  "data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
475
480
  "data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
@@ -499,9 +504,14 @@
499
504
  "data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
500
505
  "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
501
506
  "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
507
+ "pop/--semi-color-pop-mask": "rgba(255,255,255,0.8)",
502
508
  "border/--semi-color-border": "rgba(var(--semi-grey-9), 0.08)",
503
509
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
510
+ "nav/--semi-color-nav-hover": "rgba(18,18,20,0.06)",
504
511
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
512
+ "modal/--semi-color-modal-bg": "rgba(255,255,255,0.9)",
513
+ "nav/--semi-color-nav-active": "rgba(18,18,20,0.06)",
514
+ "pop/--semi-color-pop-border": "rgba(18,18,20,0.12)",
505
515
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
506
516
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
507
517
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
package/scss/global.scss CHANGED
@@ -8,7 +8,8 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
8
8
  --semi-color-bg-4: rgba(var(--semi-white), 1);
9
9
  --semi-color-info: rgba(var(--semi-blue-5), 1);
10
10
  --semi-color-link: rgba(var(--semi-blue-5), 1);
11
- --semi-color-nav-bg: rgba(var(--semi-white), 1);
11
+ --semi-color-nav-bg: rgba(18,18,20,0);
12
+ --semi-color-pop-bg: rgba(255,255,255,0.9);
12
13
  --semi-color-black: rgba(var(--semi-black), 1);
13
14
  --semi-color-data-0: rgba(87, 105, 255, 1);
14
15
  --semi-color-data-1: rgba(142, 212, 231, 1);
@@ -38,9 +39,14 @@ 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);
42
+ --semi-color-pop-mask: rgba(255,255,255,0.8);
41
43
  --semi-color-border: rgba(var(--semi-grey-9), 0.08);
42
44
  --semi-color-danger: rgba(var(--semi-red-5), 1);
45
+ --semi-color-nav-hover: rgba(18,18,20,0.06);
43
46
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
47
+ --semi-color-modal-bg: rgba(255,255,255,0.9);
48
+ --semi-color-nav-active: rgba(18,18,20,0.06);
49
+ --semi-color-pop-border: rgba(18,18,20,0.12);
44
50
  --semi-color-default: rgba(var(--semi-grey-0), 1);
45
51
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
46
52
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -131,6 +137,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
131
137
  --semi-color-info: rgba(var(--semi-blue-5), 1);
132
138
  --semi-color-link: rgba(var(--semi-blue-5), 1);
133
139
  --semi-color-nav-bg: rgba(35, 36, 41, 1);
140
+ --semi-color-pop-bg: rgba(82,82,82,0.8);
134
141
  --semi-color-black: rgba(var(--semi-black), 1);
135
142
  --semi-color-data-0: rgba(94, 109, 194, 1);
136
143
  --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -160,9 +167,12 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
160
167
  --semi-color-data-17: rgba(98, 138, 6, 1);
161
168
  --semi-color-data-18: rgba(162, 48, 179, 1);
162
169
  --semi-color-data-19: rgba(40, 51, 138, 1);
170
+ --semi-color-pop-mask: rgba(0,0,0,0.8);
163
171
  --semi-color-border: rgba(var(--semi-white), 0.08);
164
172
  --semi-color-danger: rgba(var(--semi-red-5), 1);
165
173
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
174
+ --semi-color-modal-bg: rgba(0,0,0,0.9);
175
+ --semi-color-pop-border: rgba(255,255,255,0.2);
166
176
  --semi-color-default: rgba(var(--semi-grey-0), 1);
167
177
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
168
178
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
package/semi.css CHANGED
@@ -358,7 +358,8 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
358
358
  --semi-color-bg-4: rgba(var(--semi-white), 1);
359
359
  --semi-color-info: rgba(var(--semi-blue-5), 1);
360
360
  --semi-color-link: rgba(var(--semi-blue-5), 1);
361
- --semi-color-nav-bg: rgba(var(--semi-white), 1);
361
+ --semi-color-nav-bg: rgba(18,18,20,0);
362
+ --semi-color-pop-bg: rgba(255,255,255,0.9);
362
363
  --semi-color-black: rgba(var(--semi-black), 1);
363
364
  --semi-color-data-0: rgba(87, 105, 255, 1);
364
365
  --semi-color-data-1: rgba(142, 212, 231, 1);
@@ -388,9 +389,14 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
388
389
  --semi-color-data-17: rgba(182, 215, 129, 1);
389
390
  --semi-color-data-18: rgba(212, 88, 212, 1);
390
391
  --semi-color-data-19: rgba(188, 198, 255, 1);
392
+ --semi-color-pop-mask: rgba(255,255,255,0.8);
391
393
  --semi-color-border: rgba(var(--semi-grey-9), 0.08);
392
394
  --semi-color-danger: rgba(var(--semi-red-5), 1);
395
+ --semi-color-nav-hover: rgba(18,18,20,0.06);
393
396
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
397
+ --semi-color-modal-bg: rgba(255,255,255,0.9);
398
+ --semi-color-nav-active: rgba(18,18,20,0.06);
399
+ --semi-color-pop-border: rgba(18,18,20,0.12);
394
400
  --semi-color-default: rgba(var(--semi-grey-0), 1);
395
401
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
396
402
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -480,6 +486,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
480
486
  --semi-color-info: rgba(var(--semi-blue-5), 1);
481
487
  --semi-color-link: rgba(var(--semi-blue-5), 1);
482
488
  --semi-color-nav-bg: rgba(35, 36, 41, 1);
489
+ --semi-color-pop-bg: rgba(82,82,82,0.8);
483
490
  --semi-color-black: rgba(var(--semi-black), 1);
484
491
  --semi-color-data-0: rgba(94, 109, 194, 1);
485
492
  --semi-color-data-1: rgba(8, 104, 120, 1);
@@ -509,9 +516,12 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
509
516
  --semi-color-data-17: rgba(98, 138, 6, 1);
510
517
  --semi-color-data-18: rgba(162, 48, 179, 1);
511
518
  --semi-color-data-19: rgba(40, 51, 138, 1);
519
+ --semi-color-pop-mask: rgba(0,0,0,0.8);
512
520
  --semi-color-border: rgba(var(--semi-white), 0.08);
513
521
  --semi-color-danger: rgba(var(--semi-red-5), 1);
514
522
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
523
+ --semi-color-modal-bg: rgba(0,0,0,0.9);
524
+ --semi-color-pop-border: rgba(255,255,255,0.2);
515
525
  --semi-color-default: rgba(var(--semi-grey-0), 1);
516
526
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
517
527
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);