Theme Switcher & Dark Mode

Hey everyone! 👋

For the past year, we've been trying to improve our app's look and feel and solve one huge problem that often is overlooked, Accessibility. Our previous backgrounds had an issue, low contrast when using white text and a dark mode that created even more issues with card colors.

To solve this we reduced the background variations from 4 to 3, introduced a more true Dark Mode and made the card's color adapt based on the theme.

With these new changes, we improved our Contrast Ratios to all of our backgrounds, here are two examples:

Moreover, we introduced a new customize panel where users can change themes, access extra accessibility options, and rearrange the home screen to make Sweatcoin their own app.

Below you can see how the new backgrounds look in different parts of the app.