@semi-bot/semi-theme-fn-music 1.0.38 → 1.0.40

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 +14 -5
  3. package/scss/global.scss +14 -5
  4. package/semi.css +14 -5
  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.38",
3
+ "version": "1.0.40",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -357,6 +357,7 @@
357
357
  "bg/--semi-color-bg-2": "rgba(53, 54, 60, 1)",
358
358
  "bg/--semi-color-bg-3": "rgba(67, 68, 74, 1)",
359
359
  "bg/--semi-color-bg-4": "rgba(79, 81, 89, 1)",
360
+ "tag/--semi-color-tag": "rgba(255,255,255,0.08)",
360
361
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
361
362
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
362
363
  "nav/--semi-color-nav-bg": "rgba(255,255,255,0)",
@@ -393,11 +394,13 @@
393
394
  "pop/--semi-color-pop-mask": "rgba(0,0,0,0.8)",
394
395
  "border/--semi-color-border": "rgba(var(--semi-white), 0.08)",
395
396
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
396
- "nav/--semi-color-nav-hover": "rgba(255,255,255,0.06)",
397
+ "nav/--semi-color-nav-hover": "rgba(255,255,255,0.08)",
397
398
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
399
+ "tag/--semi-color-tag-hover": "rgba(255,255,255,0.12)",
398
400
  "modal/--semi-color-modal-bg": "rgba(0,0,0,0.8)",
399
- "nav/--semi-color-nav-active": "rgba(255,255,255,0.06)",
401
+ "nav/--semi-color-nav-active": "rgba(255,255,255,0.08)",
400
402
  "pop/--semi-color-pop-border": "rgba(255,255,255,0.2)",
403
+ "tag/--semi-color-tag-active": "rgba(255,255,255,0.12)",
401
404
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
402
405
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
403
406
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
@@ -406,6 +409,7 @@
406
409
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
407
410
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
408
411
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
412
+ "tag/--semi-color-tag-disabled": "rgba(255,255,255,0.04)",
409
413
  "divider/--semi-color-divider-0": "rgba(255,255,255,0.16)",
410
414
  "divider/--semi-color-divider-1": "rgba(255,255,255,0.12)",
411
415
  "divider/--semi-color-divider-2": "rgba(255,255,255,0.08)",
@@ -415,12 +419,12 @@
415
419
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
416
420
  "modal/--semi-color-modal-border": "rgba(255,255,255,0.2)",
417
421
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
418
- "sidebar/--semi-color-sidebar-bg": "rgba(0,0,0,0.7)",
422
+ "sidebar/--semi-color-sidebar-bg": "rgba(0,0,0,0.1)",
419
423
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
420
424
  "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
421
425
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
422
426
  "switch/--semi-color-switch-bg-on": "rgba(var(--semi-brand-4),1)",
423
- "Floating/--semi-color-Floating-bg": "rgba(0,0,0,0.6)",
427
+ "Floating/--semi-color-Floating-bg": "rgba(0,0,0,0.2)",
424
428
  "danger/--semi-color-danger-active": "rgba(var(--semi-red-7), 1)",
425
429
  "disabled/--semi-color-disabled-bg": "rgba(var(--semi-grey-1), 1)",
426
430
  "switch/--semi-color-switch-bg-off": "rgba(255,255,255,0.08)",
@@ -437,7 +441,7 @@
437
441
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
438
442
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
439
443
  "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
440
- "Floating/--semi-color-Floating-border": "rgba(255,255,255,0.2)",
444
+ "Floating/--semi-color-Floating-border": "rgba(255,255,255,0.12)",
441
445
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
442
446
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-1),1)",
443
447
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
@@ -484,6 +488,7 @@
484
488
  "bg/--semi-color-bg-2": "rgba(var(--semi-white), 1)",
485
489
  "bg/--semi-color-bg-3": "rgba(var(--semi-white), 1)",
486
490
  "bg/--semi-color-bg-4": "rgba(var(--semi-white), 1)",
491
+ "tag/--semi-color-tag": "rgba(18,18,20,0.06)",
487
492
  "info/--semi-color-info": "rgba(var(--semi-blue-5), 1)",
488
493
  "link/--semi-color-link": "rgba(var(--semi-blue-5), 1)",
489
494
  "nav/--semi-color-nav-bg": "rgba(18,18,20,0)",
@@ -522,9 +527,11 @@
522
527
  "danger/--semi-color-danger": "rgba(var(--semi-red-5), 1)",
523
528
  "nav/--semi-color-nav-hover": "rgba(18,18,20,0.06)",
524
529
  "shadow/--semi-color-shadow": "rgba(var(--semi-black), 0.04)",
530
+ "tag/--semi-color-tag-hover": "rgba(18,18,20,0.12)",
525
531
  "modal/--semi-color-modal-bg": "rgba(255,255,255,0.9)",
526
532
  "nav/--semi-color-nav-active": "rgba(18,18,20,0.06)",
527
533
  "pop/--semi-color-pop-border": "rgba(18,18,20,0.12)",
534
+ "tag/--semi-color-tag-active": "rgba(18,18,20,0.12)",
528
535
  "default/--semi-color-default": "rgba(var(--semi-grey-0), 1)",
529
536
  "info/--semi-color-info-hover": "rgba(var(--semi-blue-6), 1)",
530
537
  "link/--semi-color-link-hover": "rgba(var(--semi-blue-6), 1)",
@@ -533,6 +540,7 @@
533
540
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
534
541
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
535
542
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
543
+ "tag/--semi-color-tag-disabled": "rgba(18,18,20,0.02)",
536
544
  "divider/--semi-color-divider-0": "rgba(18,18,20,0.16)",
537
545
  "divider/--semi-color-divider-1": "rgba(18,18,20,0.12)",
538
546
  "divider/--semi-color-divider-2": "rgba(18,18,20,0.06)",
@@ -540,6 +548,7 @@
540
548
  "tertiary/--semi-color-tertiary": "rgba(0,0,0,0.08)",
541
549
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
542
550
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
551
+ "modal/--semi-color-modal-border": "rgba(255,255,255,1)",
543
552
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
544
553
  "sidebar/--semi-color-sidebar-bg": "rgba(243,242,245,0.9)",
545
554
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
package/scss/global.scss CHANGED
@@ -6,6 +6,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
6
6
  --semi-color-bg-2: rgba(var(--semi-white), 1);
7
7
  --semi-color-bg-3: rgba(var(--semi-white), 1);
8
8
  --semi-color-bg-4: rgba(var(--semi-white), 1);
9
+ --semi-color-tag: rgba(18,18,20,0.06);
9
10
  --semi-color-info: rgba(var(--semi-blue-5), 1);
10
11
  --semi-color-link: rgba(var(--semi-blue-5), 1);
11
12
  --semi-color-nav-bg: rgba(18,18,20,0);
@@ -44,9 +45,11 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
44
45
  --semi-color-danger: rgba(var(--semi-red-5), 1);
45
46
  --semi-color-nav-hover: rgba(18,18,20,0.06);
46
47
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
48
+ --semi-color-tag-hover: rgba(18,18,20,0.12);
47
49
  --semi-color-modal-bg: rgba(255,255,255,0.9);
48
50
  --semi-color-nav-active: rgba(18,18,20,0.06);
49
51
  --semi-color-pop-border: rgba(18,18,20,0.12);
52
+ --semi-color-tag-active: rgba(18,18,20,0.12);
50
53
  --semi-color-default: rgba(var(--semi-grey-0), 1);
51
54
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
52
55
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -55,6 +58,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
55
58
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
56
59
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
57
60
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
61
+ --semi-color-tag-disabled: rgba(18,18,20,0.02);
58
62
  --semi-color-divider-0: rgba(18,18,20,0.16);
59
63
  --semi-color-divider-1: rgba(18,18,20,0.12);
60
64
  --semi-color-divider-2: rgba(18,18,20,0.06);
@@ -62,6 +66,7 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
62
66
  --semi-color-tertiary: rgba(0,0,0,0.08);
63
67
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
64
68
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
69
+ --semi-color-modal-border: rgba(255,255,255,1);
65
70
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
66
71
  --semi-color-sidebar-bg: rgba(243,242,245,0.9);
67
72
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
@@ -148,6 +153,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
148
153
  --semi-color-bg-2: rgba(53, 54, 60, 1);
149
154
  --semi-color-bg-3: rgba(67, 68, 74, 1);
150
155
  --semi-color-bg-4: rgba(79, 81, 89, 1);
156
+ --semi-color-tag: rgba(255,255,255,0.08);
151
157
  --semi-color-info: rgba(var(--semi-blue-5), 1);
152
158
  --semi-color-link: rgba(var(--semi-blue-5), 1);
153
159
  --semi-color-nav-bg: rgba(255,255,255,0);
@@ -184,11 +190,13 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
184
190
  --semi-color-pop-mask: rgba(0,0,0,0.8);
185
191
  --semi-color-border: rgba(var(--semi-white), 0.08);
186
192
  --semi-color-danger: rgba(var(--semi-red-5), 1);
187
- --semi-color-nav-hover: rgba(255,255,255,0.06);
193
+ --semi-color-nav-hover: rgba(255,255,255,0.08);
188
194
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
195
+ --semi-color-tag-hover: rgba(255,255,255,0.12);
189
196
  --semi-color-modal-bg: rgba(0,0,0,0.8);
190
- --semi-color-nav-active: rgba(255,255,255,0.06);
197
+ --semi-color-nav-active: rgba(255,255,255,0.08);
191
198
  --semi-color-pop-border: rgba(255,255,255,0.2);
199
+ --semi-color-tag-active: rgba(255,255,255,0.12);
192
200
  --semi-color-default: rgba(var(--semi-grey-0), 1);
193
201
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
194
202
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -197,6 +205,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
197
205
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
198
206
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
199
207
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
208
+ --semi-color-tag-disabled: rgba(255,255,255,0.04);
200
209
  --semi-color-divider-0: rgba(255,255,255,0.16);
201
210
  --semi-color-divider-1: rgba(255,255,255,0.12);
202
211
  --semi-color-divider-2: rgba(255,255,255,0.08);
@@ -206,12 +215,12 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
206
215
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
207
216
  --semi-color-modal-border: rgba(255,255,255,0.2);
208
217
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
209
- --semi-color-sidebar-bg: rgba(0,0,0,0.7);
218
+ --semi-color-sidebar-bg: rgba(0,0,0,0.1);
210
219
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
211
220
  --semi-color-highlight: rgba(var(--semi-white), 1);
212
221
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
213
222
  --semi-color-switch-bg-on: rgba(var(--semi-brand-4),1);
214
- --semi-color-Floating-bg: rgba(0,0,0,0.6);
223
+ --semi-color-Floating-bg: rgba(0,0,0,0.2);
215
224
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
216
225
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
217
226
  --semi-color-switch-bg-off: rgba(255,255,255,0.08);
@@ -228,7 +237,7 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
228
237
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
229
238
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
230
239
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
231
- --semi-color-Floating-border: rgba(255,255,255,0.2);
240
+ --semi-color-Floating-border: rgba(255,255,255,0.12);
232
241
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
233
242
  --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
234
243
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
package/semi.css CHANGED
@@ -356,6 +356,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
356
356
  --semi-color-bg-2: rgba(var(--semi-white), 1);
357
357
  --semi-color-bg-3: rgba(var(--semi-white), 1);
358
358
  --semi-color-bg-4: rgba(var(--semi-white), 1);
359
+ --semi-color-tag: rgba(18,18,20,0.06);
359
360
  --semi-color-info: rgba(var(--semi-blue-5), 1);
360
361
  --semi-color-link: rgba(var(--semi-blue-5), 1);
361
362
  --semi-color-nav-bg: rgba(18,18,20,0);
@@ -394,9 +395,11 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
394
395
  --semi-color-danger: rgba(var(--semi-red-5), 1);
395
396
  --semi-color-nav-hover: rgba(18,18,20,0.06);
396
397
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
398
+ --semi-color-tag-hover: rgba(18,18,20,0.12);
397
399
  --semi-color-modal-bg: rgba(255,255,255,0.9);
398
400
  --semi-color-nav-active: rgba(18,18,20,0.06);
399
401
  --semi-color-pop-border: rgba(18,18,20,0.12);
402
+ --semi-color-tag-active: rgba(18,18,20,0.12);
400
403
  --semi-color-default: rgba(var(--semi-grey-0), 1);
401
404
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
402
405
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -405,6 +408,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
405
408
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
406
409
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
407
410
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
411
+ --semi-color-tag-disabled: rgba(18,18,20,0.02);
408
412
  --semi-color-divider-0: rgba(18,18,20,0.16);
409
413
  --semi-color-divider-1: rgba(18,18,20,0.12);
410
414
  --semi-color-divider-2: rgba(18,18,20,0.06);
@@ -412,6 +416,7 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
412
416
  --semi-color-tertiary: rgba(0,0,0,0.08);
413
417
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
414
418
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
419
+ --semi-color-modal-border: rgba(255,255,255,1);
415
420
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
416
421
  --semi-color-sidebar-bg: rgba(243,242,245,0.9);
417
422
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
@@ -497,6 +502,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
497
502
  --semi-color-bg-2: rgba(53, 54, 60, 1);
498
503
  --semi-color-bg-3: rgba(67, 68, 74, 1);
499
504
  --semi-color-bg-4: rgba(79, 81, 89, 1);
505
+ --semi-color-tag: rgba(255,255,255,0.08);
500
506
  --semi-color-info: rgba(var(--semi-blue-5), 1);
501
507
  --semi-color-link: rgba(var(--semi-blue-5), 1);
502
508
  --semi-color-nav-bg: rgba(255,255,255,0);
@@ -533,11 +539,13 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
533
539
  --semi-color-pop-mask: rgba(0,0,0,0.8);
534
540
  --semi-color-border: rgba(var(--semi-white), 0.08);
535
541
  --semi-color-danger: rgba(var(--semi-red-5), 1);
536
- --semi-color-nav-hover: rgba(255,255,255,0.06);
542
+ --semi-color-nav-hover: rgba(255,255,255,0.08);
537
543
  --semi-color-shadow: rgba(var(--semi-black), 0.04);
544
+ --semi-color-tag-hover: rgba(255,255,255,0.12);
538
545
  --semi-color-modal-bg: rgba(0,0,0,0.8);
539
- --semi-color-nav-active: rgba(255,255,255,0.06);
546
+ --semi-color-nav-active: rgba(255,255,255,0.08);
540
547
  --semi-color-pop-border: rgba(255,255,255,0.2);
548
+ --semi-color-tag-active: rgba(255,255,255,0.12);
541
549
  --semi-color-default: rgba(var(--semi-grey-0), 1);
542
550
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
543
551
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
@@ -546,6 +554,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
546
554
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
547
555
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
548
556
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
557
+ --semi-color-tag-disabled: rgba(255,255,255,0.04);
549
558
  --semi-color-divider-0: rgba(255,255,255,0.16);
550
559
  --semi-color-divider-1: rgba(255,255,255,0.12);
551
560
  --semi-color-divider-2: rgba(255,255,255,0.08);
@@ -555,12 +564,12 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
555
564
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
556
565
  --semi-color-modal-border: rgba(255,255,255,0.2);
557
566
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
558
- --semi-color-sidebar-bg: rgba(0,0,0,0.7);
567
+ --semi-color-sidebar-bg: rgba(0,0,0,0.1);
559
568
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
560
569
  --semi-color-highlight: rgba(var(--semi-white), 1);
561
570
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
562
571
  --semi-color-switch-bg-on: rgba(var(--semi-brand-4),1);
563
- --semi-color-Floating-bg: rgba(0,0,0,0.6);
572
+ --semi-color-Floating-bg: rgba(0,0,0,0.2);
564
573
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
565
574
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
566
575
  --semi-color-switch-bg-off: rgba(255,255,255,0.08);
@@ -577,7 +586,7 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
577
586
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
578
587
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
579
588
  --semi-color-tertiary-hover: rgba(255,255,255,0.16);
580
- --semi-color-Floating-border: rgba(255,255,255,0.2);
589
+ --semi-color-Floating-border: rgba(255,255,255,0.12);
581
590
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
582
591
  --semi-color-primary-disabled: rgba(var(--semi-brand-1),1);
583
592
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);