Loopa matches your device, in the iPhone and iPad app, in the Android app and on the web. When your phone, tablet or computer is set to dark mode, Loopa turns dark; when it is set to light, Loopa is light. If your device switches automatically at sunset, Loopa switches with it, right on the screen you are looking at, with no restart or reload.
There is nothing to set up inside Loopa, and there is no light or dark switch in the app. Light and dark mode work for every member, on every plan.
== Changing it ==
Change the appearance setting on your device and Loopa follows:
- '''iPhone and iPad''': Settings › Display & Brightness › Light, Dark or Automatic.
- '''Android''': Settings › Display › Dark theme.
- '''Mac''': System Settings › Appearance.
- '''Windows''': Settings › Personalization › Colors › Choose your mode.
== What dark mode looks like ==
Dark mode uses Loopa's own deep navy rather than a flat grey, so it stays easy on the eyes in a dark room. Your numbers stay large and bright, labels stay quiet, and buttons keep Loopa's purple. In the apps, the navigation bar and tab bar switch with everything else. Loopa's colors for text and controls are measured against the WCAG AA contrast guidelines in both modes, so everything stays comfortable to read.
== If you joined a gym or club ==
If you joined a gym or club that runs its own Loopa, its accent color takes the place of Loopa's purple on buttons, links and the tab bar in the app.
== What stays the same in both modes ==
Some things look the same in both modes on purpose:
- '''Your photos''': progress photos and meal photos are never dimmed or recolored.
- '''Reports and exports''': the PDF report and the clinician and protocol exports always use a white page, because they are documents you may print or send on.
- '''Share My Progress''': the screen and the cards you share are always light. See [[milestone-cards|Share My Progress]].
== See also ==
- [[display-and-layout|Display & Layout]]
- [[change-your-units-and-measurements|Change your units and measurements]]
Loopa matches your device, in the iPhone and iPad app, in the Android app and on the web. When your phone, tablet or computer is set to dark mode, Loopa turns dark; when it is set to light, Loopa is light. If your device switches automatically at sunset, Loopa switches with it, right on the screen you are looking at, with no restart or reload. There is nothing to set up inside Loopa, and there is no light or dark switch in the app. Light and dark mode work for every member, on every plan. == Changing it == Change the appearance setting on your device and Loopa follows: * '''iPhone and iPad''': Settings › Display & Brightness › Light, Dark or Automatic. * '''Android''': Settings › Display › Dark theme. * '''Mac''': System Settings › Appearance. * '''Windows''': Settings › Personalization › Colors › Choose your mode. == What dark mode looks like == Dark mode uses Loopa's own deep navy rather than a flat grey, so it stays easy on the eyes in a dark room. Your numbers stay large and bright, labels stay quiet, and buttons keep Loopa's purple. In the apps, the navigation bar and tab bar switch with everything else. Loopa's colors for text and controls are measured against the WCAG AA contrast guidelines in both modes, so everything stays comfortable to read. == If you joined a gym or club == If you joined a gym or club that runs its own Loopa, its accent color takes the place of Loopa's purple on buttons, links and the tab bar in the app. == What stays the same in both modes == Some things look the same in both modes on purpose: * '''Your photos''': progress photos and meal photos are never dimmed or recolored. * '''Reports and exports''': the PDF report and the clinician and protocol exports always use a white page, because they are documents you may print or send on. * '''Share My Progress''': the screen and the cards you share are always light. See [[milestone-cards|Share My Progress]]. == See also == * [[display-and-layout|Display & Layout]] * [[change-your-units-and-measurements|Change your units and measurements]]
