@semi-bot/semi-theme-fn-music 1.0.58 → 1.3.0

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 (6) hide show
  1. package/README.md +3 -3
  2. package/package.json +1 -1
  3. package/raw.json +12 -6
  4. package/scss/global.scss +11 -6
  5. package/semi.css +12 -6
  6. package/semi.min.css +1 -1
package/README.md CHANGED
@@ -1,15 +1,15 @@
1
1
 
2
2
  # @semi-bot/semi-theme-fn-music --- Semi Theme Generated By [Design System Management](https://semi.design/dsm/)
3
3
  ID: 28921
4
- Operator: wuclily
4
+ Operator: 秋之风腊肠.jpg
5
5
 
6
6
  ## Compatibility
7
7
 
8
- Compatible with Semi Foundation Version 2.101.0 or newer.
8
+ Compatible with Semi Foundation Version 2.102.0 or newer.
9
9
 
10
10
  ## Version Release Note
11
11
 
12
- 调整 Input 默认和 Hover 颜色，以及高度
12
+
13
13
 
14
14
 
15
15
  ## Manual
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semi-bot/semi-theme-fn-music",
3
- "version": "1.0.58",
3
+ "version": "1.3.0",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -411,7 +411,7 @@
411
411
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
412
412
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
413
413
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
414
- "primary/--semi-color-primary": "rgba(var(--semi-brand-4),1)",
414
+ "primary/--semi-color-primary": "rgba(var(--semi-brand-4), 1)",
415
415
  "success/--semi-color-success": "rgba(var(--semi-green-5), 1)",
416
416
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
417
417
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
@@ -441,7 +441,8 @@
441
441
  "switch/--semi-color-switch-bg-off": "rgba(255,255,255,0.08)",
442
442
  "card-bg/--semi-color-card-bg-hover": "rgba(255,255,255,0.08)",
443
443
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
444
- "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-5),1)",
444
+ "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-5), 1)",
445
+ "primary/--semi-color-primary-light": "rgba(var(--semi-brand-4),0.16)",
445
446
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
446
447
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
447
448
  "card-bg/--semi-color-card-bg-active": "rgba(255,255,255,0.1)",
@@ -449,7 +450,7 @@
449
450
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
450
451
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
451
452
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-2), 1)",
452
- "primary/--semi-color-primary-active": "rgba(var(--semi-brand-6),1)",
453
+ "primary/--semi-color-primary-active": "rgba(var(--semi-brand-6), 1)",
453
454
  "sidebar/--semi-color-sidebar-border": "rgba(255,255,255,0.12)",
454
455
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
455
456
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
@@ -458,13 +459,15 @@
458
459
  "Floating/--semi-color-Floating-border": "rgba(255,255,255,0.12)",
459
460
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
460
461
  "input/--semi-color-input-activeborder": "rgba(255,255,255,0.12)",
461
- "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-1),1)",
462
+ "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-1), 1)",
462
463
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
463
464
  "tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.2)",
464
465
  "primary-blue/--semi-color-primary-blue": "rgba(80,156,255,1)",
465
- "primary-pink/--semi-color-primary-pink": "rgba(var(--semi-pink-4),1)",
466
+ "primary-pink/--semi-color-primary-pink": "rgba(var(--semi-pink-4), 1)",
466
467
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
468
+ "card-bg/--semi-color-primary-blue-light": "rgba(var(--semi-blue-6),0.16)",
467
469
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
470
+ "tertiary/--semi-color-tertiary-disabled": "rgba(255,255,255,0.04)",
468
471
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
469
472
  "info-light/--semi-color-info-light-active": "rgba(var(--semi-blue-5), 0.4)",
470
473
  "progress-bar/--semi-color-progress-bar-bg": "rgba(255,255,255,0.08)",
@@ -473,10 +476,12 @@
473
476
  "primary-Orange/--semi-color-primary-Orange": "rgba(255,163,76,1)",
474
477
  "danger-light/--semi-color-danger-light-hover": "rgba(var(--semi-red-5), 0.3)",
475
478
  "primary-blue/--semi-color-primary-blue-hover": "rgba(124,183,255, 1)",
479
+ "primary-blue/--semi-color-primary-blue-light": "rgba(var(--semi-blue-6),1)",
476
480
  "primary-pink/--semi-color-primary-pink-hover": "rgba(var(--semi-pink-5),1)",
481
+ "primary-pink/--semi-color-primary-pink-light": "rgba(var(--semi-pink-4),0.12)",
477
482
  "danger-light/--semi-color-danger-light-active": "rgba(var(--semi-red-5), 0.4)",
478
483
  "primary-blue/--semi-color-primary-blue-active": "rgba(167,208,255, 1)",
479
- "primary-pink/--semi-color-primary-pink-active": "rgba(var(--semi-pink-5),1)",
484
+ "primary-pink/--semi-color-primary-pink-active": "rgba(var(--semi-pink-5), 1)",
480
485
  "progress-bar/--semi-color-progress-bar-buffer": "rgba(255,255,255,0.04)",
481
486
  "progress-bar/--semi-color-progress-bar-played": "rgba(255,255,255,1)",
482
487
  "danger-light/--semi-color-danger-light-default": "rgba(var(--semi-red-5), 0.2)",
@@ -489,6 +494,7 @@
489
494
  "success-light/--semi-color-success-light-active": "rgba(var(--semi-green-5), 0.4)",
490
495
  "warning-light/--semi-color-warning-light-active": "rgba(var(--semi-orange-5), 0.4)",
491
496
  "primary-Orange/--semi-color-primary-Orange-hover": "rgba(255,190,121, 1)",
497
+ "primary-Orange/--semi-color-primary-Orange-light": "rgba(var(--semi-orange-4),0.16)",
492
498
  "primary-light/--semi-color-primary-light-default": "rgba(var(--semi-brand-5), 0.2)",
493
499
  "success-light/--semi-color-success-light-default": "rgba(var(--semi-green-5), 0.2)",
494
500
  "tertiary-light/--semi-color-tertiary-light-hover": "rgba(var(--semi-grey-5), 0.3)",
package/scss/global.scss CHANGED
@@ -218,7 +218,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
218
218
  --semi-color-default: rgba(var(--semi-grey-0), 1);
219
219
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
220
220
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
221
- --semi-color-primary: rgba(var(--semi-brand-4),1);
221
+ --semi-color-primary: rgba(var(--semi-brand-4), 1);
222
222
  --semi-color-success: rgba(var(--semi-green-5), 1);
223
223
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
224
224
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
@@ -248,7 +248,8 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
248
248
  --semi-color-switch-bg-off: rgba(255,255,255,0.08);
249
249
  --semi-color-card-bg-hover: rgba(255,255,255,0.08);
250
250
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
251
- --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
251
+ --semi-color-primary-hover: rgba(var(--semi-brand-5), 1);
252
+ --semi-color-primary-light: rgba(var(--semi-brand-4),0.16);
252
253
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
253
254
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
254
255
  --semi-color-card-bg-active: rgba(255,255,255,0.1);
@@ -256,7 +257,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
256
257
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
257
258
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
258
259
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
259
- --semi-color-primary-active: rgba(var(--semi-brand-6),1);
260
+ --semi-color-primary-active: rgba(var(--semi-brand-6), 1);
260
261
  --semi-color-sidebar-border: rgba(255,255,255,0.12);
261
262
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
262
263
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
@@ -265,13 +266,15 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
265
266
  --semi-color-Floating-border: rgba(255,255,255,0.12);
266
267
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
267
268
  --semi-color-input-activeborder: rgba(255,255,255,0.12);
268
- --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
269
+ --semi-color-primary-disabled: rgba(var(--semi-brand-1), 1);
269
270
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
270
271
  --semi-color-tertiary-active: rgba(255,255,255,0.2);
271
272
  --semi-color-primary-blue: rgba(80,156,255,1);
272
- --semi-color-primary-pink: rgba(var(--semi-pink-4),1);
273
+ --semi-color-primary-pink: rgba(var(--semi-pink-4), 1);
273
274
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
275
+ --semi-color-primary-blue-light: rgba(var(--semi-blue-6),1);
274
276
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
277
+ --semi-color-tertiary-disabled: rgba(255,255,255,0.04);
275
278
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
276
279
  --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
277
280
  --semi-color-progress-bar-bg: rgba(255,255,255,0.08);
@@ -281,9 +284,10 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
281
284
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
282
285
  --semi-color-primary-blue-hover: rgba(124,183,255, 1);
283
286
  --semi-color-primary-pink-hover: rgba(var(--semi-pink-5),1);
287
+ --semi-color-primary-pink-light: rgba(var(--semi-pink-4),0.12);
284
288
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
285
289
  --semi-color-primary-blue-active: rgba(167,208,255, 1);
286
- --semi-color-primary-pink-active: rgba(var(--semi-pink-5),1);
290
+ --semi-color-primary-pink-active: rgba(var(--semi-pink-5), 1);
287
291
  --semi-color-progress-bar-buffer: rgba(255,255,255,0.04);
288
292
  --semi-color-progress-bar-played: rgba(255,255,255,1);
289
293
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
@@ -296,6 +300,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
296
300
  --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
297
301
  --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
298
302
  --semi-color-primary-Orange-hover: rgba(255,190,121, 1);
303
+ --semi-color-primary-Orange-light: rgba(var(--semi-orange-4),0.16);
299
304
  --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
300
305
  --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
301
306
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
package/semi.css CHANGED
@@ -567,7 +567,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
567
567
  --semi-color-default: rgba(var(--semi-grey-0), 1);
568
568
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
569
569
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
570
- --semi-color-primary: rgba(var(--semi-brand-4),1);
570
+ --semi-color-primary: rgba(var(--semi-brand-4), 1);
571
571
  --semi-color-success: rgba(var(--semi-green-5), 1);
572
572
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
573
573
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
@@ -597,7 +597,8 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
597
597
  --semi-color-switch-bg-off: rgba(255,255,255,0.08);
598
598
  --semi-color-card-bg-hover: rgba(255,255,255,0.08);
599
599
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
600
- --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
600
+ --semi-color-primary-hover: rgba(var(--semi-brand-5), 1);
601
+ --semi-color-primary-light: rgba(var(--semi-brand-4),0.16);
601
602
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
602
603
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
603
604
  --semi-color-card-bg-active: rgba(255,255,255,0.1);
@@ -605,7 +606,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
605
606
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
606
607
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
607
608
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
608
- --semi-color-primary-active: rgba(var(--semi-brand-6),1);
609
+ --semi-color-primary-active: rgba(var(--semi-brand-6), 1);
609
610
  --semi-color-sidebar-border: rgba(255,255,255,0.12);
610
611
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
611
612
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
@@ -614,13 +615,15 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
614
615
  --semi-color-Floating-border: rgba(255,255,255,0.12);
615
616
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
616
617
  --semi-color-input-activeborder: rgba(255,255,255,0.12);
617
- --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
618
+ --semi-color-primary-disabled: rgba(var(--semi-brand-1), 1);
618
619
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
619
620
  --semi-color-tertiary-active: rgba(255,255,255,0.2);
620
621
  --semi-color-primary-blue: rgba(80,156,255,1);
621
- --semi-color-primary-pink: rgba(var(--semi-pink-4),1);
622
+ --semi-color-primary-pink: rgba(var(--semi-pink-4), 1);
622
623
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
624
+ --semi-color-primary-blue-light: rgba(var(--semi-blue-6),1);
623
625
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
626
+ --semi-color-tertiary-disabled: rgba(255,255,255,0.04);
624
627
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
625
628
  --semi-color-info-light-active: rgba(var(--semi-blue-5), 0.4);
626
629
  --semi-color-progress-bar-bg: rgba(255,255,255,0.08);
@@ -630,9 +633,10 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
630
633
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), 0.3);
631
634
  --semi-color-primary-blue-hover: rgba(124,183,255, 1);
632
635
  --semi-color-primary-pink-hover: rgba(var(--semi-pink-5),1);
636
+ --semi-color-primary-pink-light: rgba(var(--semi-pink-4),0.12);
633
637
  --semi-color-danger-light-active: rgba(var(--semi-red-5), 0.4);
634
638
  --semi-color-primary-blue-active: rgba(167,208,255, 1);
635
- --semi-color-primary-pink-active: rgba(var(--semi-pink-5),1);
639
+ --semi-color-primary-pink-active: rgba(var(--semi-pink-5), 1);
636
640
  --semi-color-progress-bar-buffer: rgba(255,255,255,0.04);
637
641
  --semi-color-progress-bar-played: rgba(255,255,255,1);
638
642
  --semi-color-danger-light-default: rgba(var(--semi-red-5), 0.2);
@@ -645,6 +649,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
645
649
  --semi-color-success-light-active: rgba(var(--semi-green-5), 0.4);
646
650
  --semi-color-warning-light-active: rgba(var(--semi-orange-5), 0.4);
647
651
  --semi-color-primary-Orange-hover: rgba(255,190,121, 1);
652
+ --semi-color-primary-Orange-light: rgba(var(--semi-orange-4),0.16);
648
653
  --semi-color-primary-light-default: rgba(var(--semi-brand-5), 0.2);
649
654
  --semi-color-success-light-default: rgba(var(--semi-green-5), 0.2);
650
655
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), 0.3);
@@ -3410,6 +3415,7 @@ body, :host {
3410
3415
  padding-right: 12px;
3411
3416
  padding-top: 6px;
3412
3417
  padding-bottom: 6px;
3418
+ font-family: inherit;
3413
3419
  font-size: 14px;
3414
3420
  line-height: 20px;
3415
3421
  font-weight: 600;