How do I disable dark mode in dawn theme?

[mkjain]

In dawn theme, when I use a mobile device with dark mode ON, the white background turns to black and the Buy buttons and login info page is all black which is awful to view. How do I avoid dark mode conversion for dawn theme?

[B2Bridge]

Hi @mkjain 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[mkjain]

https://laravel-wishlist-test.myshopify.com/

thaude

[ColinSchuch]

Hi @mkjain,

Dawn inherits system dark mode settings, but you can force light mode by adding this to base.css or theme.css:

:root { color-scheme: light !important; }
html, body { background-color: #ffffff !important; color: #000000 !important; }

[mkjain]

I tried this by adding

line 10

and

But the colors still change in dark mode. What am I missing?