claude-code - 💡(How to fix) Fix Dark mode: active project/chat highlight is nearly invisible (black on dark grey) [1 participants]

TL;DR

Increase the contrast of the active highlight in dark mode by adding a colored accent or modifying the background to improve distinguishability.

Guidance

• Review the CSS styles applied to the active project/chat element in the sidebar to identify the current highlight color and background.
• Consider adding a colored left-border accent or tinted background to the active item to enhance contrast.
• Audit other sidebar states (hover, unread) for similar contrast issues to ensure a consistent user experience.
• Test the updated styles in dark mode to verify that the active item is clearly distinguishable from inactive items.

Example

No specific code example is provided, as the issue does not include details about the existing CSS styles or HTML structure.

Notes

The suggested fix assumes that the issue is primarily related to the visual styling of the active project/chat element. However, without access to the underlying code or design specifications, it is difficult to provide a more detailed solution.

Recommendation

Apply a workaround by adding a colored accent or modifying the background of the active item to increase contrast, as this is a targeted solution that addresses the specific issue described.

FAIL-SAFE: Given the information provided, the above guidance points are safe and relevant to addressing the issue.