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

Explore: grey pill background dark-theme only; transparent in light mode

Browse Source
This commit is contained in:
Davide Scaini
2026-05-14 16:18:10 +02:00
parent 8d799e8e64
commit ab112788b4
1 changed files with 1 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/components/Explore.svelte
+1
View File
@@ -439,6 +439,7 @@
.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.70); } .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); }
:global([data-theme="light"]) .type-pill:not(.active) { background: transparent; }
.type-pill.active { background: var(--type-color); border-color: var(--type-color); color: var(--pill-text-on); } .type-pill.active { background: var(--type-color); border-color: var(--type-color); color: var(--pill-text-on); }
.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; }