Option A — Subdued opacity + outline
Flag spec chips are rendered as outlined pills at reduced opacity (45%)
rather than solid pastel fills. The hash colour is kept but moved from background to border
and text, so colour identity is preserved. Hovering raises opacity to 70%.
Normal spec chips remain fully opaque solid pastels.
Project library panel
my-ml-service
file:///home/user/projects/my-ml-service
🌐 Global
🧩 python_library
🧩 git_repo
🧩 pixi
🧩 docker
🚩 ai_enabled
🚩 monorepo_root
🚩 has_notebooks
data-pipeline
file:///home/user/projects/data-pipeline
🧩 python_library
🧩 git_repo
🚩 has_notebooks
infra-config
file:///home/user/projects/infra-config
🌐 Global
🧩 git_repo
🧩 docker
🚩 monorepo_root
Spec chip (has contents / artifacts)
Flag chip (match-only, no data)
Trade-offs
✓ No layout change — chips stay in the same row
✓ Colour identity preserved (same hash, moved to border)
✓ Very low implementation cost (CSS class only)
✗ Opacity reduction is a colour-only signal on most monitors
✗ At very low opacity the chip text may be hard to read
✗ Does not add a non-colour secondary cue (shape/texture)