@semi-bot/semi-theme-fn-music 1.0.21 → 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 +22 -3
  3. package/scss/global.scss +22 -3
  4. package/semi.css +22 -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.21",
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,8 +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)",
422
+ "Floating/--semi-color-Floating-bg": "rgba(0,0,0,0.6)",
415
423
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
416
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)",
417
426
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
418
427
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-6), 1)",
419
428
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
@@ -427,6 +436,7 @@
427
436
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
428
437
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
429
438
  "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
439
+ "Floating/--semi-color-Floating-border": "rgba(255,255,255,0.12)",
430
440
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
431
441
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
432
442
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
@@ -435,10 +445,13 @@
435
445
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
436
446
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
437
447
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5), 0.4)",
448
+ "progress-bar/--semi-color-progress-bar-bg": "rgba(255,255,255,0.08)",
438
449
  "secondary/--semi-color-secondary-disabled": "rgba(var(--semi-light-blue-2), 1)",
439
450
  "info-light/--semi-color-info-light-default": "rgba(var(--semi-blue-5), 0.2)",
440
451
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
441
452
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
453
+ "progress-bar/--semi-color-progress-bar-buffer": "rgba(255,255,255,0.06)",
454
+ "progress-bar/--semi-color-progress-bar-played": "rgba(255,255,255,1)",
442
455
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
443
456
  "primary-light/--semi-color-primary-light-hover": "rgba(var(--semi-brand-5), 0.3)",
444
457
  "success-light/--semi-color-success-light-hover": "rgba(var(--semi-green-5), 0.3)",
@@ -464,7 +477,8 @@
464
477
  "bg/--semi-color-bg-4": "rgba(var(--semi-white), 1)",
465
478
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
466
479
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
467
- "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)",
468
482
  "black/--semi-color-black": "rgba(var(--semi-black), 1)",
469
483
  "data/--semi-color-data-0": "rgba(87, 105, 255, 1)",
470
484
  "data/--semi-color-data-1": "rgba(142, 212, 231, 1)",
@@ -494,9 +508,14 @@
494
508
  "data/--semi-color-data-17": "rgba(182, 215, 129, 1)",
495
509
  "data/--semi-color-data-18": "rgba(212, 88, 212, 1)",
496
510
  "data/--semi-color-data-19": "rgba(188, 198, 255, 1)",
511
+ "pop/--semi-color-pop-mask": "rgba(255,255,255,0.8)",
497
512
  "border/--semi-color-border": "rgba(var(--semi-grey-9), 0.08)",
498
513
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
514
+ "nav/--semi-color-nav-hover": "rgba(18,18,20,0.06)",
499
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)",
500
519
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
501
520
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
502
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,8 +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);
199
+ --semi-color-Floating-bg: rgba(0,0,0,0.6);
186
200
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
187
201
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
202
+ --semi-color-switch-bg-off: rgba(255,255,255,0.08);
188
203
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
189
204
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
190
205
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
@@ -198,6 +213,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
198
213
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
199
214
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
200
215
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
216
+ --semi-color-Floating-border: rgba(255,255,255,0.12);
201
217
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
202
218
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
203
219
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
@@ -206,10 +222,13 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
206
222
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
207
223
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
208
224
  --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
225
+ --semi-color-progress-bar-bg: rgba(255,255,255,0.08);
209
226
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
210
227
  --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
211
228
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
212
229
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
230
+ --semi-color-progress-bar-buffer: rgba(255,255,255,0.06);
231
+ --semi-color-progress-bar-played: rgba(255,255,255,1);
213
232
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
214
233
  --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
215
234
  --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);
@@ -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,8 +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);
548
+ --semi-color-Floating-bg: rgba(0,0,0,0.6);
535
549
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
536
550
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
551
+ --semi-color-switch-bg-off: rgba(255,255,255,0.08);
537
552
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
538
553
  --semi-color-primary-hover: rgba(var(--semi-brand-6), 1);
539
554
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
@@ -547,6 +562,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
547
562
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
548
563
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
549
564
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
565
+ --semi-color-Floating-border: rgba(255,255,255,0.12);
550
566
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
551
567
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
552
568
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
@@ -555,10 +571,13 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
555
571
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
556
572
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
557
573
  --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
574
+ --semi-color-progress-bar-bg: rgba(255,255,255,0.08);
558
575
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
559
576
  --semi-color-info-light-default: rgba(var(--semi-blue-5), 0.2);
560
577
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
561
578
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
579
+ --semi-color-progress-bar-buffer: rgba(255,255,255,0.06);
580
+ --semi-color-progress-bar-played: rgba(255,255,255,1);
562
581
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
563
582
  --semi-color-primary-light-hover: rgba(var(--semi-brand-5), 0.3);
564
583
  --semi-color-success-light-hover: rgba(var(--semi-green-5), 0.3);