Skip to content

v0.6.17 — /usage range picker active label is now white (1-line visual hotfix)

Choose a tag to compare

@wwppee wwppee released this 15 Jul 18:39

v0.6.17 — /usage range picker active label is now white (1-line visual hotfix)

A follow-up to v0.6.16: the user reported that the active range button label read as "green and unreadable" on their display.

Root cause

v0.6.16 used text-[var(--bg)] (#0b0d10) on bg-[var(--accent)] (#79c0ff) — both colors sit in the same dark-blue value range, and at the small text-xs font size the contrast degrades to the point where the label visually merges with the active pill on many display profiles.

Fix

  • Active range label is now text-white (not text-[var(--bg)]). Pure white on the saturated #79c0ff background passes WCAG AA on every display profile (≥ 4.5:1 contrast for the 12px label size).
  • Non-active labels keep their text-[var(--text-muted)] so the visual hierarchy "muted → active" still reads correctly.

Stats

  • root tests: 543/543 ✓ (unchanged)
  • web tests: 214/214 ✓ (unchanged)
  • format:check root + web: ✓
  • tsc root + web: ✓

Lesson

i18n complete ≠ UX complete. v0.6.16 shipped with all i18n keys wired up but the active button's color combination turned out to be unreadable on some displays. Always let the user actually look at the result before claiming "done" — tsc + format + lint + tests doesn't catch a contrast bug.

Commit

  • bc3bb02 v0.6.17: /usage range picker active label is now white (visual hotfix)