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

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 +17 -3
  3. package/scss/global.scss +17 -3
  4. package/semi.css +17 -3
  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.24",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -359,7 +359,8 @@
359
359
  "bg/--semi-color-bg-4": "rgba(79, 81, 89, 1)",
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
- "nav/--semi-color-nav-bg": "rgba(35, 36, 41, 1)",
362
+ "nav/--semi-color-nav-bg": "rgba(255,255,255,0)",
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,13 +390,18 @@
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)",
396
+ "nav/--semi-color-nav-hover": "rgba(255,255,255,0.06)",
394
397
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
398
+ "modal/--semi-color-modal-bg": "rgba(0,0,0,0.9)",
399
+ "nav/--semi-color-nav-active": "rgba(255,255,255,0.06)",
400
+ "pop/--semi-color-pop-border": "rgba(255,255,255,0.2)",
395
401
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
396
402
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
397
403
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
398
- "primary/--semi-color-primary": "rgba(var(--semi-brand-5),1)",
404
+ "primary/--semi-color-primary": "rgba(var(--semi-brand-4),1)",
399
405
  "success/--semi-color-success": "rgba(var(--semi-green-5), 1)",
400
406
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
401
407
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
@@ -412,9 +418,11 @@
412
418
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
413
419
  "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
414
420
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
421
+ "switch/--semi-color-switch-bg-on": "rgba(255,255,255, 1)",
415
422
  "Floating/--semi-color-Floating-bg": "rgba(0,0,0,0.6)",
416
423
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
417
424
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
425
+ "switch/--semi-color-switch-bg-off": "rgba(255,255,255,0.08)",
418
426
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
419
427
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
420
428
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
@@ -469,7 +477,8 @@
469
477
  "bg/--semi-color-bg-4": "rgba(var(--semi-white), 1)",
470
478
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
471
479
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
472
- "nav/--semi-color-nav-bg": "rgba(var(--semi-white), 1)",
480
+ "nav/--semi-color-nav-bg": "rgba(18,18,20,0)",
481
+ "pop/--semi-color-pop-bg": "rgba(255,255,255,0.9)",
473
482
  "black/--semi-color-black": "rgba(var(--semi-black), 1)",
474
483
  "data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
475
484
  "data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
@@ -499,9 +508,14 @@
499
508
  "data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
500
509
  "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
501
510
  "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
511
+ "pop/--semi-color-pop-mask": "rgba(255,255,255,0.8)",
502
512
  "border/--semi-color-border": "rgba(var(--semi-grey-9), 0.08)",
503
513
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
514
+ "nav/--semi-color-nav-hover": "rgba(18,18,20,0.06)",
504
515
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
516
+ "modal/--semi-color-modal-bg": "rgba(255,255,255,0.9)",
517
+ "nav/--semi-color-nav-active": "rgba(18,18,20,0.06)",
518
+ "pop/--semi-color-pop-border": "rgba(18,18,20,0.12)",
505
519
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
506
520
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
507
521
  "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);
@@ -130,7 +136,8 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
130
136
  --semi-color-bg-4: rgba(79, 81, 89, 1);
131
137
  --semi-color-info: rgba(var(--semi-blue-5), 1);
132
138
  --semi-color-link: rgba(var(--semi-blue-5), 1);
133
- --semi-color-nav-bg: rgba(35, 36, 41, 1);
139
+ --semi-color-nav-bg: rgba(255,255,255,0);
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,13 +167,18 @@ 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);
173
+ --semi-color-nav-hover: rgba(255,255,255,0.06);
165
174
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
175
+ --semi-color-modal-bg: rgba(0,0,0,0.9);
176
+ --semi-color-nav-active: rgba(255,255,255,0.06);
177
+ --semi-color-pop-border: rgba(255,255,255,0.2);
166
178
  --semi-color-default: rgba(var(--semi-grey-0), 1);
167
179
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
168
180
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
169
- --semi-color-primary: rgba(var(--semi-brand-5),1);
181
+ --semi-color-primary: rgba(var(--semi-brand-4),1);
170
182
  --semi-color-success: rgba(var(--semi-green-5), 1);
171
183
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
172
184
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
@@ -183,9 +195,11 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
183
195
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
184
196
  --semi-color-highlight: rgba(var(--semi-white), 1);
185
197
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
198
+ --semi-color-switch-bg-on: rgba(255,255,255, 1);
186
199
  --semi-color-Floating-bg: rgba(0,0,0,0.6);
187
200
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
188
201
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
202
+ --semi-color-switch-bg-off: rgba(255,255,255,0.08);
189
203
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
190
204
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
191
205
  --semi-color-success-hover: rgba(var(--semi-green-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);
@@ -479,7 +485,8 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
479
485
  --semi-color-bg-4: rgba(79, 81, 89, 1);
480
486
  --semi-color-info: rgba(var(--semi-blue-5), 1);
481
487
  --semi-color-link: rgba(var(--semi-blue-5), 1);
482
- --semi-color-nav-bg: rgba(35, 36, 41, 1);
488
+ --semi-color-nav-bg: rgba(255,255,255,0);
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,13 +516,18 @@ 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);
522
+ --semi-color-nav-hover: rgba(255,255,255,0.06);
514
523
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
524
+ --semi-color-modal-bg: rgba(0,0,0,0.9);
525
+ --semi-color-nav-active: rgba(255,255,255,0.06);
526
+ --semi-color-pop-border: rgba(255,255,255,0.2);
515
527
  --semi-color-default: rgba(var(--semi-grey-0), 1);
516
528
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
517
529
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
518
- --semi-color-primary: rgba(var(--semi-brand-5),1);
530
+ --semi-color-primary: rgba(var(--semi-brand-4),1);
519
531
  --semi-color-success: rgba(var(--semi-green-5), 1);
520
532
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
521
533
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
@@ -532,9 +544,11 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
532
544
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
533
545
  --semi-color-highlight: rgba(var(--semi-white), 1);
534
546
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
547
+ --semi-color-switch-bg-on: rgba(255,255,255, 1);
535
548
  --semi-color-Floating-bg: rgba(0,0,0,0.6);
536
549
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
537
550
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
551
+ --semi-color-switch-bg-off: rgba(255,255,255,0.08);
538
552
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
539
553
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
540
554
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);