Backgroundcolor is wrong in dark mode

Hello,

I have this problem:

I set my background colour of my webshop with global css to light grey.

This is working with following devices:
-iphone with safari in dark mode
-ipad with safari in dark mode
-notebook with chrome
-android smartphone with chrome

With an android smartphone in darkmode the background color and the header also is black.

What can i do?

Greetings
Nixco

Hello,

Please provide the url of the website to check it myself and help you out accordingly.

Best Regards

Hello,

this is the link:
http://www.holzstueck.shop

The problem is, that when you change to dark mode in android, the background colour will change from light grey to black, and that looks horrible on my page.
With iOS i can`t see this problem.

Thank you
Nixco

Hello,

Please enable the dark mode on your website so i can check the issue myself and help you out accordingly.

Best Regards

Hello, how can I enable the darkmode?
I didnt want to have a dark mode on my page.
I want that I have a light grey background on my page whether darkmode is activated on the smartphone or no.

Regards Nixco

Hello,

We just tested this with dark mode on Android device and here is a screenshot of how it looks https://gyazo.com/7b1ccedc97045c5d8f78c5e6a717750a

Kind Regards

Hello,

if I activate the dark mode on Android it looks like the following picture.
There is also a darkmode version of my page.

Regards
Nixco

Attachments:

You must be logged in to view attached files.

It looks like you have some custom Android that has a special function for this. We tested on a few android devices but they don’t work like that. Our theme doesn’t have special CSS for dark mode. And your browser seems to invert all colors without taking into account theme styles. Sorry, but we don’t have a fix for this.

Kind Regards

[Author]

Posts