UI reference · Android

Switching to dark mode in MyFitnessPal

6 screens · MyFitnessPal

Added to Refcat Mar 29, 2026

Every screen in order

Patterns

Dark Mode

Components

toastprogress indicatordropdown

Explore real product flows

Onboarding flow in MyFitnessPal

Subscribing to premium flow in MyFitnessPal

Subscribing to premium

Home flow in MyFitnessPal

App walkthrough flow in MyFitnessPal

App walkthrough

Nutrition flow in MyFitnessPal

Add food flow in MyFitnessPal

Adding a goal card flow in MyFitnessPal

Adding a goal card

Change time range view flow in MyFitnessPal

Change time range view

Setting a daily goal flow in MyFitnessPal

Setting a daily goal

Diary Log flow in MyFitnessPal

Workouts flow in MyFitnessPal

Recipes flow in MyFitnessPal

More UI examples

settings UI examples search UI examples

Explore the full catalog

Terms and conditions Privacy Cookies