Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Can anyone please help me disable this automatic dark mode on my Shopify dawn! I am losing sales because of this automatic feature. I need it turned off. I just figured that when a potential customer with Dark Mode on their phone clicks on my ads and lands on my website, the background of my store changes from bright to dark automatically as per their phone settings!!!!!! It looks so bad on dark mode and I don't know how to disable this!
@oscprofessional @KetanKumar @dmwwebartisan @diego_ezfy Please help!
@boauae ,
Check If you are using any app disable it.
I am not using and never used any app. Have a look at the image. It changes automatically because I have dark mode on my device.
@boauae ,
Refer this link
Yes, I had a look at the thread before, but it is doesn't solve the problem. He is saying it has to do with phone settings but it does't make sense. I never came across a website that changes its background colors as per device settings.
I am checking websites with light background on my phone with dark mode on it, and the background is still the same (white). Mine changes automatically to fit the dark mode, it sounds like an automatic feature by Shopify and it's so frustrating!
@boauae ,
share the store url
@boauae ,
Sorry I am using a country blocker, could you try again now? I disabled it.
@boauae ,
I checked your website on my mobile device it's absolutely working fine.
It is working fine on mobile, but it does show on dark mode when you click on it from an ad. Example: Instagram ad. If your phone's dark mode is switched on and you click on the Instagram ad, the whole website will adjust to dark mode too.
@boauae ,
How Can I go from the ad ? can you explain where I should go for the test?
Unfortunately, I am unable to copy the ad link. I only have the screenshot 😕
I am facing the same issue, did you resolve it? Can you plz tell how you did it?
All You need to do is add the following CSS in your theme settings > custom css:
body {
background-color: #ffffff;
}
@media (prefers-color-scheme: light) {
body {
background-color: #ffffff;
}
}
You're Welcome!!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025