diff --git a/frontend/src/style.css b/frontend/src/style.css index 5392568..4dd1e56 100644 --- a/frontend/src/style.css +++ b/frontend/src/style.css @@ -108,6 +108,11 @@ html:not(.dark) .theme-text :is(.fp, .pg, .act, .filter-pill, .kind-btn, .preset color: var(--fg); background: var(--hover); } html:not(.dark) .theme-text :is(.fp-on, .pg-on, .seg-on, .opt-on) { background: rgb(15 23 42); color: #fff; box-shadow: none; } +/* Tag chips (TagInput) — near-white violet text is unreadable on white; keep + the violet tint but switch the label to dark ink. */ +html:not(.dark) .theme-text .chip { color: rgb(15 23 42 / 0.9); } +html:not(.dark) .theme-text .chip .chip-x { color: rgb(15 23 42 / 0.55); background: transparent; box-shadow: none; } +html:not(.dark) .theme-text .chip .chip-x:hover { color: #fff; background: rgb(244 63 94 / 0.6); } /* ShowcaseView marks the selected filter/kind tab with an `.on` modifier on `.filter-pill`/`.kind-btn` (not the `-on` class above). Without this, the neutral `.filter-pill`/`.kind-btn` rescue paints selected == unselected and