Skip to content

fix: improve text readability across the game#182

Merged
JesseRWeigel merged 1 commit intomainfrom
fix/text-readability
Mar 18, 2026
Merged

fix: improve text readability across the game#182
JesseRWeigel merged 1 commit intomainfrom
fix/text-readability

Conversation

@JesseRWeigel
Copy link
Owner

Summary

  • Fix hard-to-read success/error messages: bright colors, bold font, dark backdrop pill, text shadow
  • Add missing hint bubble UI: orange bubble for encouragement/hints, green for answer reveal
  • Fix level select world headers: dark backdrop strip for readability over busy backgrounds
  • All text now has proper contrast against any background

Changes

  • src/App.tsx — hint bubble rendering, improved message styles, hint bubble styles
  • src/components/LevelSelect.tsx — world header backdrop

Test plan

  • 160 tests pass
  • Build succeeds
  • CI green

🤖 Generated with Claude Code

- Success message: bright green with dark text shadow and
  semi-transparent backdrop pill
- Error/hint colors: warm yellow instead of hard-to-read red
- Add missing hint bubble UI: shows encouragement on attempt 1,
  specific math hint on attempt 2, correct answer on attempt 3
  (orange bubble for hints, green for answer reveal)
- Level select world headers: add dark backdrop for readability
  over busy backgrounds, stronger text shadow
- All message text is bold with text shadow for contrast
- High contrast variants updated to match

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@JesseRWeigel JesseRWeigel merged commit 50a30df into main Mar 18, 2026
2 checks passed
@JesseRWeigel JesseRWeigel deleted the fix/text-readability branch March 18, 2026 14:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant