Major UI improvement: Integrate color indicators directly into dropdown buttons
instead of showing separate badge elements, creating a cleaner, more intuitive
interface where power users can quickly identify format/codec selections by color.
Changes:
- Add NewColorCodedSelectContainer() in internal/ui/components.go
- Creates colored 4px left border on dropdowns
- Returns container and border reference for dynamic color updates
- Update Format Selection:
- Colored border matches container format (MKV=teal, MP4=blue, etc.)
- Dynamic color updates when format changes
- Remove old formatBadgeContainer approach
- Update Video Codec Selection:
- Colored border matches codec (H.264=sky blue, H.265=lime, AV1=emerald, etc.)
- Applied to Advanced tab
- Update Audio Codec Selection:
- Colored border matches codec (AAC=purple, Opus=violet, MP3=rose, etc.)
- Applied to Advanced tab
Color system provides instant visual feedback and helps power users navigate
settings quickly. Each format/codec has a unique color that's consistent
throughout the UI.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Stu Leak
c7ac82f306