Andrei ec62440b2d feat: add highlight background color support to verse renderer ...

Enhanced VerseRenderer with highlight background color visualization:
- Added COLOR_MAP constant with rgba colors for yellow, orange, pink, blue
- Imported HighlightColor type from @/types
- Added hoveredVerseNum state for tracking verse hover state
- Updated verse rendering span with:
  - Dynamic backgroundColor based on verse.highlight.color
  - Padding and borderRadius for visual polish
  - Smooth transitions for better UX
  - Proper hover state management

This prepares the UI for highlight data integration in Task 6.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

2025-11-12 07:02:43 +00:00

5.6 KiB

Raw Blame History

View Raw