Start mobieusHealth. Join and track your health. Get started
mobieusKnow Light and dark mode History #1285
Author
Patrick Bass
Submitted
Oct 25, 2026 6:29pm
Summary
Loopa 1.5: your first 14 days of Loopa Premium, what Loopa Basic includes after them, and the new prices
+ Loopa on the web matches your device. 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 page you are reading, with no reload.
− 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. Light and dark mode work for every member, subscribed or not.
− 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.
− * '''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. Loopa's colors for text and controls are measured against the WCAG AA contrast guidelines in both modes, so everything stays comfortable to read.
− 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 on the web matches your device. 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 page you are reading, with no reload.

There is nothing to set up inside Loopa. Light and dark mode work for every member, subscribed or not.

== 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. Loopa's colors for text and controls are measured against the WCAG AA contrast guidelines in both modes, so everything stays comfortable to read.

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.
Loopa on the web matches your device. 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 page you are reading, with no reload.

There is nothing to set up inside Loopa. Light and dark mode work for every member, subscribed or not.

== 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. Loopa's colors for text and controls are measured against the WCAG AA contrast guidelines in both modes, so everything stays comfortable to read.

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.