Prevent android dark mode to change theme colors

Store Design

Topic summary

A Shopify store owner using the Dawn theme reports that their white main theme color automatically switches to black when Android users access the site in dark mode. This issue does not occur on iPhones in dark mode, which maintain the white background correctly.

Current Status:

  • Multiple CSS solutions have been attempted without success
  • The problem appears specific to Android’s dark mode implementation

Responses:

  • A PageFly representative suggests this may be related to Android’s operating system display settings and might not have a direct fix
  • Another user confirms experiencing the same issue and recommends:
    • Adjusting CSS or theme settings to ensure consistent color display across all devices and modes
    • Contacting Shopify support for specific solutions or recommendations

The discussion remains open with no definitive solution provided yet.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I use the pawn theme in shopify and my main theme color is white but when a android on dark theme acess the website the main color turns black. I have tried all diferent type of solutions but none were effective. I do not have this problem when a iphone acesses the website in dark mode, the website in this case remains with a white background.

1 Like
2

Hi @Felipe07

This is Richard from PageFly - Shopify Page Builder App,

This problem is related to the display of the Android operating system, so there may be no way to fix this problem.
Best regards,
Richard | PageFly

3

It sounds like you’re experiencing a specific issue with how your Shopify website displays the main theme color when accessed from an Android device in dark mode. This could be due to the way Android handles dark mode compared to iOS. The same issue was faced by me when i was playing a carrom game on my device. To address this, you might need to adjust the CSS or theme settings to ensure that the main theme color remains consistent across all devices and modes. You may also want to reach out to Shopify support for assistance, as they may have specific recommendations or solutions for this issue.