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.

I hope you liked it! ❤️

What are your thoughts? Let us know in the comment section.

Say hi at design@sweatco.in

Sweatcoin — An app that rewards your steps. Available on App Store and Google Play

Want to see more in the future? Don't miss any of our shots and Follow us on Dribbble

Press "L" on your keyboard to show us some love 😍