brut/bincio-activity
1
0
Fork 0
Code Issues Pull Requests Actions 8 Packages Projects Releases Wiki Activity

Explore: raise inactive type-pill background opacity to 70% for dark theme visibility

Browse Source
This commit is contained in:
Davide Scaini
2026-05-14 16:11:48 +02:00
parent 2b9e080b4c
commit cfb7198d64
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/Explore.svelte
+1 -1
View File
@@ -431,7 +431,7 @@
.pill.active { background: var(--accent-dim); border-color: var(--accent); color: var(--accent); } .pill.active { background: var(--accent-dim); border-color: var(--accent); color: var(--accent); }
.pill.small { padding: 0.15rem 0.45rem; font-size: 0.67rem; } .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)); background: rgba(128,128,128,0.15); } .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.70); }
.type-pill.active { background: color-mix(in srgb, var(--type-color) 18%, transparent); border-color: var(--type-color); color: var(--type-color); } .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-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; } .type-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--type-color); flex-shrink: 0; }