A music player that connects to your cloud/distributed storage.
chore: more blur theme styles
+8
-9
+1
-1
src/facets/themes/blur/facet/index.css
+1
-1
src/facets/themes/blur/facet/index.css
+1
-1
src/facets/themes/blur/variables.css
+1
-1
src/facets/themes/blur/variables.css
+6
-7
src/styles/diffuse/facet.css
+6
-7
src/styles/diffuse/facet.css
···
287
287
}
288
288
289
289
.dropdown {
290
-
background: oklch(from var(--bg-color) calc(l + 0.2) c h);
291
-
border: 0;
290
+
background: oklch(from var(--bg-color) calc(l + 0.2) c h / 0.975);
291
+
border: 1px solid var(--border-color);
292
292
border-radius: var(--radius-md);
293
293
box-shadow: var(--box-shadow-xl);
294
294
color: var(--text-color);
295
295
font-size: var(--fs-sm);
296
-
margin: 0;
297
-
margin-top: var(--space-3xs);
298
-
max-height: 80vh;
296
+
margin: var(--space-xs);
297
+
max-height: 40vh;
299
298
overflow-y: auto;
300
299
padding: 0;
301
300
position: fixed;
···
303
302
text-align: left;
304
303
305
304
@media (prefers-color-scheme: dark) {
306
-
background: oklch(from var(--bg-color) calc(l - 0.05) c h);
305
+
background: oklch(from var(--bg-color) calc(l - 0.05) c h / 0.975);
307
306
}
308
307
309
308
&::backdrop {
···
337
336
}
338
337
339
338
i {
340
-
opacity: 0.4;
339
+
opacity: 0.55;
341
340
}
342
341
}