Dark mode: active project/chat highlight is nearly invisible (black on dark grey)
Summary
In dark mode, the currently active project or chat in the left sidebar uses a highlight color that is nearly indistinguishable from the inactive background — essentially black on dark grey. It's very easy to lose track of which project is active, and to accidentally type into the wrong chat or project as a result.
Expected behavior
The active item in the sidebar should be clearly distinguishable at a glance in dark mode — ideally with a higher-contrast highlight, a colored accent (e.g. left border, pill background, or icon tint), or some other unambiguous visual treatment.
Current behavior
The selection highlight blends into the dark background. There's no color accent or border to compensate, so the only differentiator is a very subtle luminance difference that reads as black-on-dark-grey.
Impact
Working across multiple projects simultaneously (which Claude Code encourages with its multi-project sidebar), a low-contrast active state creates a real UX risk — it's easy to submit a prompt to the wrong project without noticing.
Suggested fix
- Increase the contrast of the active highlight in dark mode
- And/or add a colored left-border accent or tinted background to the active item
- Consider auditing other sidebar states (hover, unread) for similar contrast issues
Environment
- Platform: macOS
- Mode: Dark
This issue has 2 comments on GitHub. Read the full discussion on GitHub ↗