You are testing your application on a phone and the colors are not appearing as expected.

Real devices have their own configurations in terms of theme and color. Devices typically have light mode, dark mode, or automatic (which switches between light and dark mode). For example, if your device is set to dark mode - your application will display in Dark Mode.

This issue typically arises when Dark Mode is enabled, but set up has not been completed or conflicting colors have been selected.

Head to Settings > Theme and check if the Dark Mode toggle is turned on. If it is, you have dark mode enabled (example below).

Turn dark mode off and redownload your application. If it works as expected, the Dark Mode Settings are the issue.
​

To correct this issue you can:

You can preview how the colors will work by selecting the Explore Themes button in the Theme Section (example below)

After you have completed these steps, your colors should appear as expected.

Need additional information? Check out these other helpful sources:

​