Skip to content

UI: Card styling overhaul with rounded corners, shadows, and accents #37

Description

@nick-transition

Summary

Replace the plain default Card and ExpansionTile widgets with styled cards that have more visual personality — rounded corners (16px), subtle elevation/shadows, and colored left-border accents per category.

Details

  • Programs: teal left accent
  • Workouts: accent color left accent
  • Sessions: green (completed) / blue (scheduled) left accent
  • Use surfaceContainerLow / surfaceContainerHigh for card layering
  • Add colored CircleAvatar backgrounds to leading icons instead of bare icons
  • Session cards: add visual cue distinguishing completed vs. scheduled (e.g., progress indicator or status icon)

Priority

High impact, medium effort

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions