@semi-bot/semi-theme-fn-music 1.0.21 → 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 +16 -1
  3. package/scss/global.scss +16 -1
  4. package/semi.css +16 -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.21",
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)",
@@ -412,6 +416,7 @@
412
416
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
413
417
  "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
414
418
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
419
+ "Floating/--semi-color-Floating-bg": "rgba(0,0,0,0.6)",
415
420
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
416
421
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
417
422
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
@@ -427,6 +432,7 @@
427
432
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
428
433
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
429
434
  "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
435
+ "Floating/--semi-color-Floating-border": "rgba(255,255,255,0.12)",
430
436
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
431
437
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
432
438
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
@@ -435,10 +441,13 @@
435
441
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
436
442
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
437
443
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5), 0.4)",
444
+ "progress-bar/--semi-color-progress-bar-bg": "rgba(255,255,255,0.08)",
438
445
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
439
446
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5), 0.2)",
440
447
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
441
448
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
449
+ "progress-bar/--semi-color-progress-bar-buffer": "rgba(255,255,255,0.06)",
450
+ "progress-bar/--semi-color-progress-bar-played": "rgba(255,255,255,1)",
442
451
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
443
452
  "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
444
453
  "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
@@ -464,7 +473,8 @@
464
473
  "bg/--semi-color-bg-4": "rgba(var(--semi-white), 1)",
465
474
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
466
475
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
467
- "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)",
468
478
  "black/--semi-color-black": "rgba(var(--semi-black), 1)",
469
479
  "data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
470
480
  "data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
@@ -494,9 +504,14 @@
494
504
  "data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
495
505
  "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
496
506
  "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
507
+ "pop/--semi-color-pop-mask": "rgba(255,255,255,0.8)",
497
508
  "border/--semi-color-border": "rgba(var(--semi-grey-9), 0.08)",
498
509
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
510
+ "nav/--semi-color-nav-hover": "rgba(18,18,20,0.06)",
499
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)",
500
515
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
501
516
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
502
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);
@@ -183,6 +193,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
183
193
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
184
194
  --semi-color-highlight: rgba(var(--semi-white), 1);
185
195
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
196
+ --semi-color-Floating-bg: rgba(0,0,0,0.6);
186
197
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
187
198
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
188
199
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
@@ -198,6 +209,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
198
209
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
199
210
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
200
211
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
212
+ --semi-color-Floating-border: rgba(255,255,255,0.12);
201
213
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
202
214
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
203
215
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
@@ -206,10 +218,13 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
206
218
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
207
219
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
208
220
  --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
221
+ --semi-color-progress-bar-bg: rgba(255,255,255,0.08);
209
222
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
210
223
  --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
211
224
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
212
225
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
226
+ --semi-color-progress-bar-buffer: rgba(255,255,255,0.06);
227
+ --semi-color-progress-bar-played: rgba(255,255,255,1);
213
228
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
214
229
  --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
215
230
  --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);
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);
@@ -532,6 +542,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
532
542
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
533
543
  --semi-color-highlight: rgba(var(--semi-white), 1);
534
544
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
545
+ --semi-color-Floating-bg: rgba(0,0,0,0.6);
535
546
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
536
547
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
537
548
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
@@ -547,6 +558,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
547
558
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
548
559
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
549
560
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
561
+ --semi-color-Floating-border: rgba(255,255,255,0.12);
550
562
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
551
563
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
552
564
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
@@ -555,10 +567,13 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
555
567
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
556
568
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
557
569
  --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
570
+ --semi-color-progress-bar-bg: rgba(255,255,255,0.08);
558
571
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
559
572
  --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
560
573
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
561
574
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
575
+ --semi-color-progress-bar-buffer: rgba(255,255,255,0.06);
576
+ --semi-color-progress-bar-played: rgba(255,255,255,1);
562
577
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
563
578
  --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
564
579
  --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);