@semi-bot/semi-theme-fn-music 1.0.45 → 1.0.47

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 +12 -3
  3. package/scss/global.scss +15 -6
  4. package/semi.css +15 -6
  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.45",
3
+ "version": "1.0.47",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -418,25 +418,31 @@
418
418
  "divider/--semi-color-divider-0": "rgba(255,255,255,0.16)",
419
419
  "divider/--semi-color-divider-1": "rgba(255,255,255,0.12)",
420
420
  "divider/--semi-color-divider-2": "rgba(255,255,255,0.08)",
421
+ "input/--semi-color-input-hover": "rgba(255,255,255,0.12)",
421
422
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
422
423
  "tertiary/--semi-color-tertiary": "rgba(255,255,255,0.08)",
423
424
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
424
425
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
426
+ "input/--semi-color-input-active": "rgba(255,255,255,0.16)",
425
427
  "modal/--semi-color-modal-border": "rgba(255,255,255,0.2)",
426
428
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
427
429
  "sidebar/--semi-color-sidebar-bg": "rgba(0,0,0,0.1)",
428
430
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
429
431
  "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
432
+ "input/--semi-color-input-default": "rgba(255,255,255,0.08)",
430
433
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
431
434
  "switch/--semi-color-switch-bg-on": "rgba(var(--semi-brand-4),1)",
432
435
  "Floating/--semi-color-Floating-bg": "rgba(0,0,0,0.2)",
433
436
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
434
437
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
438
+ "input/--semi-color-input-disabled": "rgba(255,255,255,0.02)",
435
439
  "switch/--semi-color-switch-bg-off": "rgba(255,255,255,0.08)",
440
+ "card-bg/--semi-color-card-bg-hover": "rgba(255,255,255,0.08)",
436
441
  "default/--semi-color-default-hover": "rgba(var(--semi-grey-1), 1)",
437
442
  "primary/--semi-color-primary-hover": "rgba(var(--semi-brand-5),1)",
438
443
  "success/--semi-color-success-hover": "rgba(var(--semi-green-6), 1)",
439
444
  "warning/--semi-color-warning-hover": "rgba(var(--semi-orange-6), 1)",
445
+ "card-bg/--semi-color-card-bg-active": "rgba(255,255,255,0.08)",
440
446
  "default/--semi-color-default-active": "rgba(var(--semi-grey-2), 1)",
441
447
  "disabled/--semi-color-disabled-fill": "rgba(var(--semi-grey-8), 0.04)",
442
448
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
@@ -445,12 +451,15 @@
445
451
  "sidebar/--semi-color-sidebar-border": "rgba(255,255,255,0.12)",
446
452
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
447
453
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
454
+ "card-bg/--semi-color-card-bg-default": "rgba(255,255,255,0.04)",
448
455
  "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
449
456
  "Floating/--semi-color-Floating-border": "rgba(255,255,255,0.12)",
450
457
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
458
+ "input/--semi-color-input-hover-border": "rgba(255,255,255,0.08)",
451
459
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-1),1)",
452
460
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
453
461
  "tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.2)",
462
+ "input/--semi-color-input-active-border": "rgba(255,255,255,0.12)",
454
463
  "primary-blue/--semi-color-primary-blue": "rgba(80,156,255,1)",
455
464
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
456
465
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
@@ -838,10 +847,10 @@
838
847
  },
839
848
  "border-radius": {
840
849
  "--semi-border-radius-full": "9999px",
841
- "--semi-border-radius-large": "12px",
842
- "--semi-border-radius-small": "16px",
850
+ "--semi-border-radius-large": "32px",
851
+ "--semi-border-radius-small": "10px",
843
852
  "--semi-border-radius-circle": "50%",
844
- "--semi-border-radius-medium": "6px",
853
+ "--semi-border-radius-medium": "24px",
845
854
  "--semi-border-radius-extra-small": "3px"
846
855
  },
847
856
  "typography-base": {
package/scss/global.scss CHANGED
@@ -139,10 +139,10 @@ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -appl
139
139
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
140
140
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
141
141
  --semi-border-radius-full: 9999px;
142
- --semi-border-radius-large: 12px;
143
- --semi-border-radius-small: 16px;
142
+ --semi-border-radius-large: 32px;
143
+ --semi-border-radius-small: 10px;
144
144
  --semi-border-radius-circle: 50%;
145
- --semi-border-radius-medium: 6px;
145
+ --semi-border-radius-medium: 24px;
146
146
  --semi-border-radius-extra-small: 3px;
147
147
 
148
148
 
@@ -214,25 +214,31 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
214
214
  --semi-color-divider-0: rgba(255,255,255,0.16);
215
215
  --semi-color-divider-1: rgba(255,255,255,0.12);
216
216
  --semi-color-divider-2: rgba(255,255,255,0.08);
217
+ --semi-color-input-hover: rgba(255,255,255,0.12);
217
218
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
218
219
  --semi-color-tertiary: rgba(255,255,255,0.08);
219
220
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
220
221
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
222
+ --semi-color-input-active: rgba(255,255,255,0.16);
221
223
  --semi-color-modal-border: rgba(255,255,255,0.2);
222
224
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
223
225
  --semi-color-sidebar-bg: rgba(0,0,0,0.1);
224
226
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
225
227
  --semi-color-highlight: rgba(var(--semi-white), 1);
228
+ --semi-color-input-default: rgba(255,255,255,0.08);
226
229
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
227
230
  --semi-color-switch-bg-on: rgba(var(--semi-brand-4),1);
228
231
  --semi-color-Floating-bg: rgba(0,0,0,0.2);
229
232
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
230
233
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
234
+ --semi-color-input-disabled: rgba(255,255,255,0.02);
231
235
  --semi-color-switch-bg-off: rgba(255,255,255,0.08);
236
+ --semi-color-card-bg-hover: rgba(255,255,255,0.08);
232
237
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
233
238
  --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
234
239
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
235
240
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
241
+ --semi-color-card-bg-active: rgba(255,255,255,0.08);
236
242
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
237
243
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
238
244
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
@@ -241,12 +247,15 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
241
247
  --semi-color-sidebar-border: rgba(255,255,255,0.12);
242
248
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
243
249
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
250
+ --semi-color-card-bg-default: rgba(255,255,255,0.04);
244
251
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
245
252
  --semi-color-Floating-border: rgba(255,255,255,0.12);
246
253
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
254
+ --semi-color-input-hover-border: rgba(255,255,255,0.08);
247
255
  --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
248
256
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
249
257
  --semi-color-tertiary-active: rgba(255,255,255,0.2);
258
+ --semi-color-input-active-border: rgba(255,255,255,0.12);
250
259
  --semi-color-primary-blue: rgba(80,156,255,1);
251
260
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
252
261
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -290,10 +299,10 @@ font-family: Montserrat, Helvetica, 'Helvetica Neue', 'PingFang SC', -appl
290
299
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
291
300
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
292
301
  --semi-border-radius-full: 9999px;
293
- --semi-border-radius-large: 12px;
294
- --semi-border-radius-small: 16px;
302
+ --semi-border-radius-large: 32px;
303
+ --semi-border-radius-small: 10px;
295
304
  --semi-border-radius-circle: 50%;
296
- --semi-border-radius-medium: 6px;
305
+ --semi-border-radius-medium: 24px;
297
306
  --semi-border-radius-extra-small: 3px;
298
307
 
299
308
 
package/semi.css CHANGED
@@ -489,10 +489,10 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
489
489
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
490
490
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
491
491
  --semi-border-radius-full: 9999px;
492
- --semi-border-radius-large: 12px;
493
- --semi-border-radius-small: 16px;
492
+ --semi-border-radius-large: 32px;
493
+ --semi-border-radius-small: 10px;
494
494
  --semi-border-radius-circle: 50%;
495
- --semi-border-radius-medium: 6px;
495
+ --semi-border-radius-medium: 24px;
496
496
  --semi-border-radius-extra-small: 3px;
497
497
  }
498
498
 
@@ -563,25 +563,31 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
563
563
  --semi-color-divider-0: rgba(255,255,255,0.16);
564
564
  --semi-color-divider-1: rgba(255,255,255,0.12);
565
565
  --semi-color-divider-2: rgba(255,255,255,0.08);
566
+ --semi-color-input-hover: rgba(255,255,255,0.12);
566
567
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
567
568
  --semi-color-tertiary: rgba(255,255,255,0.08);
568
569
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
569
570
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
571
+ --semi-color-input-active: rgba(255,255,255,0.16);
570
572
  --semi-color-modal-border: rgba(255,255,255,0.2);
571
573
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
572
574
  --semi-color-sidebar-bg: rgba(0,0,0,0.1);
573
575
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
574
576
  --semi-color-highlight: rgba(var(--semi-white), 1);
577
+ --semi-color-input-default: rgba(255,255,255,0.08);
575
578
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
576
579
  --semi-color-switch-bg-on: rgba(var(--semi-brand-4),1);
577
580
  --semi-color-Floating-bg: rgba(0,0,0,0.2);
578
581
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
579
582
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
583
+ --semi-color-input-disabled: rgba(255,255,255,0.02);
580
584
  --semi-color-switch-bg-off: rgba(255,255,255,0.08);
585
+ --semi-color-card-bg-hover: rgba(255,255,255,0.08);
581
586
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
582
587
  --semi-color-primary-hover: rgba(var(--semi-brand-5),1);
583
588
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
584
589
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
590
+ --semi-color-card-bg-active: rgba(255,255,255,0.08);
585
591
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
586
592
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), 0.04);
587
593
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
@@ -590,12 +596,15 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
590
596
  --semi-color-sidebar-border: rgba(255,255,255,0.12);
591
597
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
592
598
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
599
+ --semi-color-card-bg-default: rgba(255,255,255,0.04);
593
600
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
594
601
  --semi-color-Floating-border: rgba(255,255,255,0.12);
595
602
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
603
+ --semi-color-input-hover-border: rgba(255,255,255,0.08);
596
604
  --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
597
605
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
598
606
  --semi-color-tertiary-active: rgba(255,255,255,0.2);
607
+ --semi-color-input-active-border: rgba(255,255,255,0.12);
599
608
  --semi-color-primary-blue: rgba(80,156,255,1);
600
609
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
601
610
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
@@ -639,10 +648,10 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
639
648
  --semi-shadow-2: 0px 2px 4px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.16);
640
649
  --semi-shadow-knob: 0px 4px 6px 0px rgba(0,0,0,0.10), 0px 0px 1px 0px rgba(0,0,0,0.30);
641
650
  --semi-border-radius-full: 9999px;
642
- --semi-border-radius-large: 12px;
643
- --semi-border-radius-small: 16px;
651
+ --semi-border-radius-large: 32px;
652
+ --semi-border-radius-small: 10px;
644
653
  --semi-border-radius-circle: 50%;
645
- --semi-border-radius-medium: 6px;
654
+ --semi-border-radius-medium: 24px;
646
655
  --semi-border-radius-extra-small: 3px;
647
656
  }
648
657