Rework the client's look and several flows around the "Confetti" design
direction:
- Themes are now palette x mode (Confetti / Meadow in Auto, Light, Dark),
with six semantic party hues, Bricolage Grotesque / Figtree / JetBrains
Mono, rounder radii and card/pop shadows. Legacy theme ids are normalized.
- Floating sidebar with colored section tiles and a theme toggle; floating
pill bottom nav on phones.
- Dashboard: today-led hero, colored stat tiles, a derived "Coming up"
schedule (palpate, nest box, due, wean, birthdays), gestation tracker,
recent litters with kit dots and a for-sale strip.
- Coat-colored lop placeholders for rabbits without photos.
- Bracket pedigrees (sire side blue, dam side pink) on rabbit detail and in
Add Rabbit, plus one-tap "Quick pick" suggested parents.
- Rabbit detail hero with fact tiles; litter milestone strip; restyled
herd, litters, settings, auth screens and shared controls.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
A - accessibility
- on-accent-warm text token (For Sale badge, flags) and darker Sunset/Ocean
colors to meet WCAG AA contrast
- 44px touch targets for Herd and Shows filters on phones
- status badge on non-active Herd grid cards; drop redundant View Herd
B - consistency
- FormControls (Field, FieldGroup, Input, Select, Textarea, FileInput,
Segmented) used by every form, with labels wired to their inputs
- ConfirmDialog + useConfirm replace window.confirm and hand-built modals
- ErrorPanel with Try Again for failed lists; LoadError built on it
C - layout
- ActionMenu: rabbit header is Edit, Status, More
- Herd folds Status/Sort/view behind a Filters button on phones
- Dashboard status counts as a compact second row
- Shows list as stacked cards below xl
- SVG timeline icons instead of emoji
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
fireshaper