claude-code - 💡(How to fix) Fix Desktop App (Mac): User messages displayed in dark blue on black – poor readability [1 comments, 1 participants]

TL;DR

Change the text color of user messages in the Claude Code Desktop App to a color with sufficient contrast against the dark background, such as white or light gray.

Guidance

• Review the app's UI styling to identify where the text color of user messages is defined and update it to a color that meets the WCAG 2.2 contrast ratio requirements.
• Use a contrast checker tool, such as the WebAIM Contrast Checker, to verify that the new text color has a contrast ratio of at least 4.5:1 with the background color.
• Consider adding an option to allow users to customize the text color to accommodate individual preferences and needs.
• Test the updated app with different user profiles, including those with low vision or color blindness, to ensure that the new text color is readable for all users.

Example

No code snippet is provided as the issue does not specify the programming language or framework used by the app.

Notes

The solution may require updates to the app's UI framework or styling system, and may involve collaborating with designers and accessibility experts to ensure that the new text color meets accessibility guidelines.

Recommendation

Apply a workaround by changing the text color of user messages to a color with sufficient contrast against the dark background, as this is a UI regression that affects the app's accessibility and readability.