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.
