I am working on a website where we have implemented dark mode according to w3’s specifications.
We are facing an issue where Samsung Internet forces its own color scheme regardless if we have specified the value Prefer Media Query Over Force Dark on the Force Dark Behaviour property in internet://flags.
I have followed a blog post where it mentions adding the <meta name=”color-scheme” content=”light dark”> in the head element to the website but the browser’s default dark mode theme still overrides the website’s styles.
Given: Prefer Media Query Over Force Dark is set for Force Dark Behaviour in internet://flags and the meta["color-scheme"][content="light dark"] exists
Expected: The browser applies the websites’ dark mode Actual: The browser applies Samsung Internet’s dark mode
I am pleased to let you know that this issue has already been fixed. The fix will be deployed in a future update. Due to the huge number of device models, it is hard to specify when each model will receive the update. What we can assure is, the fix will be preloaded on the new Samsung S23 models and gradually reach all other models.
We are also affected by the latest update (21.0.0.41) where the rendering of our website’s QR code is affected because of Samsung Internet. Showing also the comparison of pre-update vs post-update on the exact same device (v20.0.6.5 to v21.0.0.41).
While we wait for this to be fixed, is there any work arounds? This currently breaks logotypes and QR-codes and the general color scheme on any page, is that even legal?
We are sorry to know this. Can you please give us a live website link where the QR-Code functionality and/or colour scheme is broken by Samsung Internet? We will forward them to the development team.
The Samsung Internet team has received your query and is working on improving QR code visibility in Samsung Internet’s dark mode. The improvement should be released in version 22 of Samsung Internet. For now, you can do the following:
Open Samsung Internet
Navigate to Settings > Labs > Use website dark theme
It is not what I can do in my browser, it is what can I do on my webpage that prevents pictures from being distorted when customers is using this dark mode setting.
I’m also experiencing the same problem as described above.
The colors on my site are shown incorrect in dark mode in the Samsung browser. It works fine in other browsers. I’m currently testing it on version 23.0.0.47 where the problem still exists.
Can you please help us with some workaround or estimation of when this will be fixed. I think that you have to revert this “feature” and make it configurable instead. The ones that create the web site have to have control and know how their site is going to be shown to their users.
