Dark mode: active project/chat highlight is nearly invisible (black on dark grey)

Resolved 💬 2 comments Opened Apr 12, 2026 by mozltovcoktail Closed May 23, 2026

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

View original on GitHub ↗

This issue has 2 comments on GitHub. Read the full discussion on GitHub ↗