explore: grey background on inactive type pills for readability

This commit is contained in:
Davide Scaini
2026-05-14 15:59:00 +02:00
parent dc719a55d5
commit 20bb5bfb60
+1 -1
View File
@@ -425,7 +425,7 @@
.pill.active { background: var(--accent-dim); border-color: var(--accent); color: var(--accent); }
.pill.small { padding: 0.15rem 0.45rem; font-size: 0.67rem; }
.type-pill { border-color: color-mix(in srgb, var(--type-color) 45%, transparent); color: color-mix(in srgb, var(--type-color) 65%, var(--text-5)); }
.type-pill { border-color: color-mix(in srgb, var(--type-color) 45%, transparent); color: color-mix(in srgb, var(--type-color) 65%, var(--text-5)); background: rgba(128,128,128,0.15); }
.type-pill.active { background: color-mix(in srgb, var(--type-color) 18%, transparent); border-color: var(--type-color); color: var(--type-color); }
.type-pill:hover { border-color: var(--type-color); color: var(--type-color); }
.type-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--type-color); flex-shrink: 0; }