Design overhaul: Dark fitness theme, no emojis

CSS:
- Dark background (#0a0a0f, #0d0d12, #15151b)
- Orange accent (#ff6b35)
- Muted text (#a1a1aa, #71717a)
- Inter font from Google Fonts
- Workout type colors (push/pull/legs/etc)

Dashboard:
- Calendar dots are CSS circles, not emoji
- Coach avatar uses SVG icon
- All emojis replaced with Icons.jsx SVGs
- Navigation uses proper icons

WorkoutPage:
- Warmup exercises without emojis
- Check icons instead of emoji checkmarks
- Arrow icons for navigation
- Fire icon for warmup section

Professional fitness app aesthetic inspired by Nike/FITBOD
This commit is contained in:
2026-02-01 19:45:03 +01:00
parent aff9ce7ce9
commit d2f157c73d
5 changed files with 109 additions and 46 deletions
+1 -1
View File
@@ -136,7 +136,7 @@ function Dashboard({ onStartWorkout, onNavigate }) {
>
<span className="day-name">{name}</span>
<span className="day-date">{date.getDate()}</span>
{hasWorkout && <span className="day-dot"></span>}
{hasWorkout && <span className="day-dot" />}
</div>
)
})}