Ionic-React App Automatically Changing to Dark Mode

Question

I've an ionic-react native mobile app. Started showing weird behaviour.

1. When I'm building the apk and installing it to Android Device, it works fine for the first time. The 2nd time, it's opening with a dark theme.

2. If I clear this particular app's cache, it opens in light theme but 2nd time onwards again goes to dark mode.

3. In a few devices it works well without this inconsistency.

Any help on this is highly appreciated.

Answer 1

I know it's not the correct solution but to solve the issue I used the following workaround.

\src\theme\variables.css

@media (prefers-color-scheme: dark) {
   /* ---- Comment/ Remove Various Style Initialization --- */
}

But, if anyone finds the correct solution kindly post.