Usage 0.28.11: Usage reports look less templated and put the important

Release notes

FEATURE

Usage reports look less templated and put the important numbers in focus

When you open your HTML usage report (the web-page version you view in a browser) at the end of the month, the important numbers no longer have to fight through a sea of gold. Gold is now reserved for the headline tail, main KPI number (the key performance indicator), Wrapped badge, and terminal cursor; the contribution heatmap and donut chart use a coordinated teal-and-mauve palette instead. It is like saving the spotlight for the lead actor while the rest of the cast wears matching costumes. The six KPI cards now keep even spacing, a long Wrapped total-token count no longer overlaps the phoenix, and the last metric card no longer drops onto a row by itself. Card and section borders are clearer in both color schemes, while button states are easier to recognize. Motion follows reduced-motion preferences, and the share dialog's three icons now use matching-stroke SVG artwork. Even CSS transition: all rules now name only properties that move, removing a telltale template habit.

Original changelog

Original changelogUsage reports look less templated and put the important numbers in focus

**The HTML usage report looks less like a template and reads more cleanly**: gold is no longer a blanket accent — it's now reserved for four focal points (headline tail, primary KPI number, the Wrapped kicker badge, the terminal cursor), with the contribution heatmap and donut chart moved to a cohesive teal/mauve palette instead. Fixed three alignment bugs: the KPI card grid now keeps a consistent rhythm across all six cards, the Wrapped section's total-token figure no longer overlaps the phoenix illustration at high digit counts, and the trailing metric card in that section no longer orphans onto its own row. Also cleans up several small "obviously AI-generated" tells: `transition: all` rules now list only the properties that actually animate, card/section borders read at a clearer contrast in both color schemes, disabled/active button states are now styled instead of falling back to defaults, motion respects `prefers-reduced-motion`, and the three share-dialog emoji icons are now matched-stroke SVGs.