berrypod/lib/simpleshop_theme_web/live/theme_live
Jamey Greenwood 0dada968aa feat: add ColorSync hook to sync color picker and text input
The color picker and text input for accent color weren't syncing properly when the user changed the color picker value. This was because LiveView doesn't update input values that might have user focus, to avoid interfering with user input.

Added a JavaScript LiveView hook (ColorSync) that:
- Listens to 'input' events on both the color picker and text input
- Syncs their values in real-time as the user interacts with either one
- Provides immediate visual feedback when changing colors via the picker

The hook is attached to the accent color form with phx-hook="ColorSync" and syncs the two inputs bidirectionally, ensuring they always display the same value.

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

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-31 01:00:22 +00:00
..
preview_pages feat: implement density-aware spacing system 2025-12-31 00:51:28 +00:00
index.ex fix: add data attributes and Google Fonts to enable theme visual changes 2025-12-31 00:24:53 +00:00
index.html.heex feat: add ColorSync hook to sync color picker and text input 2025-12-31 01:00:22 +00:00
preview_pages.ex feat: add preview page templates with theme styling 2025-12-30 22:06:04 +00:00