@semi-bot/semi-theme-fn-music 1.0.1 → 1.0.3

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 -14
  3. package/scss/global.scss +22 -14
  4. package/semi.css +22 -14
  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.1",
3
+ "version": "1.0.3",
4
4
  "description": "Semi theme generated by dsm. https://semi.design/dsm",
5
5
  "keywords": [
6
6
  "semi-theme",
package/raw.json CHANGED
@@ -371,13 +371,13 @@
371
371
  "data/--semi-color-data-7": "rgba(5, 119, 115, 1)",
372
372
  "data/--semi-color-data-8": "rgba(154, 207, 13, 1)",
373
373
  "data/--semi-color-data-9": "rgba(117, 29, 138, 1)",
374
- "fill/--semi-color-fill-0": "rgba(var(--semi-white), 0.05)",
375
- "fill/--semi-color-fill-1": "rgba(var(--semi-white), 0.09)",
376
- "fill/--semi-color-fill-2": "rgba(var(--semi-white), 0.13)",
377
- "text/--semi-color-text-0": "rgba(var(--semi-grey-9), 1)",
378
- "text/--semi-color-text-1": "rgba(var(--semi-grey-9), 0.8)",
379
- "text/--semi-color-text-2": "rgba(var(--semi-grey-9), 0.6)",
380
- "text/--semi-color-text-3": "rgba(var(--semi-grey-9), 0.35)",
374
+ "fill/--semi-color-fill-0": "rgba(var(--semi-white),0.16)",
375
+ "fill/--semi-color-fill-1": "rgba(var(--semi-white),0.1)",
376
+ "fill/--semi-color-fill-2": "rgba(var(--semi-white),0.06)",
377
+ "text/--semi-color-text-0": "rgba(255,255,255,1)",
378
+ "text/--semi-color-text-1": "rgba(255,255,255,0.8)",
379
+ "text/--semi-color-text-2": "rgba(255,255,255,0.6)",
380
+ "text/--semi-color-text-3": "rgba(255,255,255,0.35)",
381
381
  "white/--semi-color-white": "rgba(228, 231, 245, 1)",
382
382
  "data/--semi-color-data-10": "rgba(16, 162, 180, 1)",
383
383
  "data/--semi-color-data-11": "rgba(208, 110, 11, 1)",
@@ -400,11 +400,15 @@
400
400
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
401
401
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
402
402
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
403
+ "divider/--semi-color-divider-0": "rgba(255,255,255,0.16)",
404
+ "divider/--semi-color-divider-1": "rgba(255,255,255,0.12)",
405
+ "divider/--semi-color-divider-2": "rgba(255,255,255,0.08)",
403
406
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
404
- "tertiary/--semi-color-tertiary": "rgba(var(--semi-grey-5), 1)",
407
+ "tertiary/--semi-color-tertiary": "rgba(255,255,255,0.08)",
405
408
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
406
409
  "info/--semi-color-info-disabled": "rgba(var(--semi-blue-2), 1)",
407
410
  "overlay/--semi-color-overlay-bg": "rgba(22, 22, 26, 0.6)",
411
+ "sidebar/--semi-color-sidebar-bg": "rgba(56,56,56,0.7)",
408
412
  "danger/--semi-color-danger-hover": "rgba(var(--semi-red-6), 1)",
409
413
  "highlight/--semi-color-highlight": "rgba(var(--semi-white), 1)",
410
414
  "secondary/--semi-color-secondary": "rgba(var(--semi-light-blue-5), 1)",
@@ -419,13 +423,14 @@
419
423
  "disabled/--semi-color-disabled-text": "rgba(var(--semi-grey-9), 0.35)",
420
424
  "highlight/--semi-color-highlight-bg": "rgba(var(--semi-yellow-2), 1)",
421
425
  "primary/--semi-color-primary-active": "rgba(var(--semi-brand-7), 1)",
426
+ "sidebar/--semi-color-sidebar-border": "rgba(255,255,255,0.12)",
422
427
  "success/--semi-color-success-active": "rgba(var(--semi-green-7), 1)",
423
428
  "warning/--semi-color-warning-active": "rgba(var(--semi-orange-7), 1)",
424
- "tertiary/--semi-color-tertiary-hover": "rgba(var(--semi-grey-6), 1)",
429
+ "tertiary/--semi-color-tertiary-hover": "rgba(255,255,255,0.16)",
425
430
  "disabled/--semi-color-disabled-border": "rgba(var(--semi-grey-1), 1)",
426
431
  "primary/--semi-color-primary-disabled": "rgba(var(--semi-brand-2), 1)",
427
432
  "success/--semi-color-success-disabled": "rgba(var(--semi-green-2), 1)",
428
- "tertiary/--semi-color-tertiary-active": "rgba(var(--semi-grey-7), 1)",
433
+ "tertiary/--semi-color-tertiary-active": "rgba(255,255,255,0.2)",
429
434
  "secondary/--semi-color-secondary-hover": "rgba(var(--semi-light-blue-6), 1)",
430
435
  "secondary/--semi-color-secondary-active": "rgba(var(--semi-light-blue-7), 1)",
431
436
  "info-light/--semi-color-info-light-hover": "rgba(var(--semi-blue-5), 0.3)",
@@ -474,10 +479,10 @@
474
479
  "fill/--semi-color-fill-0": "rgba(var(--semi-grey-8), 0.05)",
475
480
  "fill/--semi-color-fill-1": "rgba(var(--semi-grey-8), 0.09)",
476
481
  "fill/--semi-color-fill-2": "rgba(var(--semi-grey-8), 0.13)",
477
- "text/--semi-color-text-0": "rgba(var(--semi-grey-9),1)",
478
- "text/--semi-color-text-1": "rgba(var(--semi-grey-9), 0.8)",
479
- "text/--semi-color-text-2": "rgba(var(--semi-grey-9), 0.6)",
480
- "text/--semi-color-text-3": "rgba(var(--semi-grey-9), 0.35)",
482
+ "text/--semi-color-text-0": "rgba(18,18,20,1)",
483
+ "text/--semi-color-text-1": "rgba(18,18,20,0.8)",
484
+ "text/--semi-color-text-2": "rgba(18,18,20,0.6)",
485
+ "text/--semi-color-text-3": "rgba(18,18,20,0.35)",
481
486
  "white/--semi-color-white": "rgba(var(--semi-white), 1)",
482
487
  "data/--semi-color-data-10": "rgba(48, 167, 206, 1)",
483
488
  "data/--semi-color-data-11": "rgba(249, 192, 100, 1)",
@@ -500,6 +505,9 @@
500
505
  "warning/--semi-color-warning": "rgba(var(--semi-orange-5), 1)",
501
506
  "info/--semi-color-info-active": "rgba(var(--semi-blue-7), 1)",
502
507
  "link/--semi-color-link-active": "rgba(var(--semi-blue-7), 1)",
508
+ "divider/--semi-color-divider-0": "rgba(18,18,20,0.16)",
509
+ "divider/--semi-color-divider-1": "rgba(18,18,20,0.12)",
510
+ "divider/--semi-color-divider-2": "rgba(18,18,20,0.06)",
503
511
  "link/--semi-color-link-visited": "rgba(var(--semi-blue-5), 1)",
504
512
  "tertiary/--semi-color-tertiary": "rgba(0,0,0,0.1)",
505
513
  "focus/--semi-color-focus-border": "rgba(var(--semi-brand-5), 1)",
package/scss/global.scss CHANGED
@@ -23,10 +23,10 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
23
23
  --semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
24
24
  --semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
25
25
  --semi-color-fill-2: rgba(var(--semi-grey-8), 0.13);
26
- --semi-color-text-0: rgba(var(--semi-grey-9),1);
27
- --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
28
- --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
29
- --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
26
+ --semi-color-text-0: rgba(18,18,20,1);
27
+ --semi-color-text-1: rgba(18,18,20,0.8);
28
+ --semi-color-text-2: rgba(18,18,20,0.6);
29
+ --semi-color-text-3: rgba(18,18,20,0.35);
30
30
  --semi-color-white: rgba(var(--semi-white), 1);
31
31
  --semi-color-data-10: rgba(48, 167, 206, 1);
32
32
  --semi-color-data-11: rgba(249, 192, 100, 1);
@@ -49,6 +49,9 @@ body, body[theme-mode="dark"] .semi-always-light, :host, :host .semi-always-ligh
49
49
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
50
50
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
51
51
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
52
+ --semi-color-divider-0: rgba(18,18,20,0.16);
53
+ --semi-color-divider-1: rgba(18,18,20,0.12);
54
+ --semi-color-divider-2: rgba(18,18,20,0.06);
52
55
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
53
56
  --semi-color-tertiary: rgba(0,0,0,0.1);
54
57
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
@@ -137,13 +140,13 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
137
140
  --semi-color-data-7: rgba(5, 119, 115, 1);
138
141
  --semi-color-data-8: rgba(154, 207, 13, 1);
139
142
  --semi-color-data-9: rgba(117, 29, 138, 1);
140
- --semi-color-fill-0: rgba(var(--semi-white), 0.05);
141
- --semi-color-fill-1: rgba(var(--semi-white), 0.09);
142
- --semi-color-fill-2: rgba(var(--semi-white), 0.13);
143
- --semi-color-text-0: rgba(var(--semi-grey-9), 1);
144
- --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
145
- --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
146
- --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
143
+ --semi-color-fill-0: rgba(var(--semi-white),0.16);
144
+ --semi-color-fill-1: rgba(var(--semi-white),0.1);
145
+ --semi-color-fill-2: rgba(var(--semi-white),0.06);
146
+ --semi-color-text-0: rgba(255,255,255,1);
147
+ --semi-color-text-1: rgba(255,255,255,0.8);
148
+ --semi-color-text-2: rgba(255,255,255,0.6);
149
+ --semi-color-text-3: rgba(255,255,255,0.35);
147
150
  --semi-color-white: rgba(228, 231, 245, 1);
148
151
  --semi-color-data-10: rgba(16, 162, 180, 1);
149
152
  --semi-color-data-11: rgba(208, 110, 11, 1);
@@ -166,11 +169,15 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
166
169
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
167
170
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
168
171
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
172
+ --semi-color-divider-0: rgba(255,255,255,0.16);
173
+ --semi-color-divider-1: rgba(255,255,255,0.12);
174
+ --semi-color-divider-2: rgba(255,255,255,0.08);
169
175
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
170
- --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
176
+ --semi-color-tertiary: rgba(255,255,255,0.08);
171
177
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
172
178
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
173
179
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
180
+ --semi-color-sidebar-bg: rgba(56,56,56,0.7);
174
181
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
175
182
  --semi-color-highlight: rgba(var(--semi-white), 1);
176
183
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
@@ -185,13 +192,14 @@ body[theme-mode="dark"], body .semi-always-dark, :host([theme-mode="dark"]), :ho
185
192
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
186
193
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
187
194
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
195
+ --semi-color-sidebar-border: rgba(255,255,255,0.12);
188
196
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
189
197
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
190
- --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
198
+ --semi-color-tertiary-hover: rgba(255,255,255,0.16);
191
199
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
192
200
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
193
201
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
194
- --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
202
+ --semi-color-tertiary-active: rgba(255,255,255,0.2);
195
203
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
196
204
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
197
205
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);
package/semi.css CHANGED
@@ -373,10 +373,10 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
373
373
  --semi-color-fill-0: rgba(var(--semi-grey-8), 0.05);
374
374
  --semi-color-fill-1: rgba(var(--semi-grey-8), 0.09);
375
375
  --semi-color-fill-2: rgba(var(--semi-grey-8), 0.13);
376
- --semi-color-text-0: rgba(var(--semi-grey-9),1);
377
- --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
378
- --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
379
- --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
376
+ --semi-color-text-0: rgba(18,18,20,1);
377
+ --semi-color-text-1: rgba(18,18,20,0.8);
378
+ --semi-color-text-2: rgba(18,18,20,0.6);
379
+ --semi-color-text-3: rgba(18,18,20,0.35);
380
380
  --semi-color-white: rgba(var(--semi-white), 1);
381
381
  --semi-color-data-10: rgba(48, 167, 206, 1);
382
382
  --semi-color-data-11: rgba(249, 192, 100, 1);
@@ -399,6 +399,9 @@ body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light
399
399
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
400
400
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
401
401
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
402
+ --semi-color-divider-0: rgba(18,18,20,0.16);
403
+ --semi-color-divider-1: rgba(18,18,20,0.12);
404
+ --semi-color-divider-2: rgba(18,18,20,0.06);
402
405
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
403
406
  --semi-color-tertiary: rgba(0,0,0,0.1);
404
407
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
@@ -486,13 +489,13 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
486
489
  --semi-color-data-7: rgba(5, 119, 115, 1);
487
490
  --semi-color-data-8: rgba(154, 207, 13, 1);
488
491
  --semi-color-data-9: rgba(117, 29, 138, 1);
489
- --semi-color-fill-0: rgba(var(--semi-white), 0.05);
490
- --semi-color-fill-1: rgba(var(--semi-white), 0.09);
491
- --semi-color-fill-2: rgba(var(--semi-white), 0.13);
492
- --semi-color-text-0: rgba(var(--semi-grey-9), 1);
493
- --semi-color-text-1: rgba(var(--semi-grey-9), 0.8);
494
- --semi-color-text-2: rgba(var(--semi-grey-9), 0.6);
495
- --semi-color-text-3: rgba(var(--semi-grey-9), 0.35);
492
+ --semi-color-fill-0: rgba(var(--semi-white),0.16);
493
+ --semi-color-fill-1: rgba(var(--semi-white),0.1);
494
+ --semi-color-fill-2: rgba(var(--semi-white),0.06);
495
+ --semi-color-text-0: rgba(255,255,255,1);
496
+ --semi-color-text-1: rgba(255,255,255,0.8);
497
+ --semi-color-text-2: rgba(255,255,255,0.6);
498
+ --semi-color-text-3: rgba(255,255,255,0.35);
496
499
  --semi-color-white: rgba(228, 231, 245, 1);
497
500
  --semi-color-data-10: rgba(16, 162, 180, 1);
498
501
  --semi-color-data-11: rgba(208, 110, 11, 1);
@@ -515,11 +518,15 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
515
518
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
516
519
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
517
520
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
521
+ --semi-color-divider-0: rgba(255,255,255,0.16);
522
+ --semi-color-divider-1: rgba(255,255,255,0.12);
523
+ --semi-color-divider-2: rgba(255,255,255,0.08);
518
524
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
519
- --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
525
+ --semi-color-tertiary: rgba(255,255,255,0.08);
520
526
  --semi-color-focus-border: rgba(var(--semi-brand-5), 1);
521
527
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
522
528
  --semi-color-overlay-bg: rgba(22, 22, 26, 0.6);
529
+ --semi-color-sidebar-bg: rgba(56,56,56,0.7);
523
530
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
524
531
  --semi-color-highlight: rgba(var(--semi-white), 1);
525
532
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
@@ -534,13 +541,14 @@ body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .
534
541
  --semi-color-disabled-text: rgba(var(--semi-grey-9), 0.35);
535
542
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
536
543
  --semi-color-primary-active: rgba(var(--semi-brand-7), 1);
544
+ --semi-color-sidebar-border: rgba(255,255,255,0.12);
537
545
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
538
546
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
539
- --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
547
+ --semi-color-tertiary-hover: rgba(255,255,255,0.16);
540
548
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
541
549
  --semi-color-primary-disabled: rgba(var(--semi-brand-2), 1);
542
550
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
543
- --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
551
+ --semi-color-tertiary-active: rgba(255,255,255,0.2);
544
552
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
545
553
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
546
554
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), 0.3);