Skip to content

Conversation

@jakebromberg
Copy link
Member

Summary

  • Create centralized semantic color token system at lib/design-system/tokens
  • Single source of truth for rotation, genre, format, and entry type colors
  • Fix rotation color inconsistency (was different between rotationstyles.ts and FlowsheetTrackResult.tsx)
  • Fix invalid "info" color bug in FlowsheetBackendResult.tsx

Test plan

  • All 45 tests pass
  • Visual verification: flowsheet track results show consistent rotation colors
  • Visual verification: catalog results show correct format colors
  • Visual verification: ArtistAvatar badges match rotation colors

Create centralized color tokens at lib/design-system/tokens for rotation,
genre, format, and entry type colors. This provides a single source of
truth and fixes inconsistencies:

- Rotation colors now consistent across all components (H=danger, M=warning,
  L=success, S=primary)
- Fix invalid "info" color in FlowsheetBackendResult (now uses getFormatColor)
- Format colors unified (Vinyl=primary, CD=warning, Unknown=neutral)
- Remove duplicate GENRE_COLORS/GENRE_VARIANTS from ArtistAvatar
- Make ArtistAvatar format prop required (always provided at call sites)
@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Jan 25, 2026

Deploying wxyc-dj with  Cloudflare Pages  Cloudflare Pages

Latest commit: 1d23c89
Status: ✅  Deploy successful!
Preview URL: https://6057afcf.dj-site.pages.dev
Branch Preview URL: https://feature-semantic-color-token.dj-site.pages.dev

View logs

The locked version (7c1100cd) had RotationFrequency, but the code
uses RotationBin which was added in a later version (914d8195).
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.

2 participants