mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 13:01:00 +00:00
Marc-André BombeckandClaude Opus 4.8
278007ce36
Echo the hero card on the wellness-scores strip: each ring tile now rides a saturated purple-pink gradient (.score-tile-gradient) and the dial paints a white arc over a translucent-white track with rounded ends. The gradient mixes over the fixed dark --dracula-bg rather than the theme --card, so it stays dark in both themes and white copy clears WCAG AA either way (white on the purple endpoint ~5.0:1, pink endpoint ~6.1:1). ScoreRing gains a variant prop: onGradient (white arc, white number) for the tile, band (band-coloured arc) by default so the score-anatomy detail view stays legible on its plain card. The band semantic is never lost to the white arc - it still rides data-band, the aria-label, and the band-word label under the ring. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>