kahwee / ch-header / 18901695523

86%

push

github

refactor: Use Tailwind tokens everywhere instead of hex colors

- Store profile colors as Tailwind tokens (e.g., 'purple-700') not hex values
- Removed unnecessary tailwindToHex and hexToTailwind utility functions
- Lookup hex values from COLOR_PALETTE only when needed for CSS styling
- Simplified color picker: directly passes Tailwind token to controller
- Updated all test data and story examples to use Tailwind tokens
- More semantic: Tailwind token is the source of truth for colors
- Eliminates coverage gap in utils.ts (removed unnecessary functions)

Changes:
- Removed: tailwindToHex(), hexToTailwind() from utils.ts
- popup.ts: Look up hex from COLOR_PALETTE for CSS styling
- popup-template.ts: Pass Tailwind token, look up hex for avatar
- All stories: color: '#hex' → color: 'tailwind-700'
- All tests: Updated mock data to use Tailwind tokens

All tests passing, typecheck passing, formatted code

🤖 Generated with Claude Code

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

182 of 259 branches covered (70.27%)

Branch coverage included in aggregate %.

3 of 3 new or added lines in 1 file covered. (100.0%)

329 of 430 relevant lines covered (76.51%)

50.32 hits per line