My website is designed in light mode and not supposed to react to any form of dark mode. This works on all websites, except for Samsung Internet. Whenever I open the website on Samsung Internet, it automatically swaps out the white background for a dark one, and changes the letter colors to white. Does anyone know how to fix this?
Asked
Active
Viewed 6,517 times
3 Answers
9
Yes, Samsung has published the mentioned article, but the prefers-color-scheme does not work, despite I used the <meta name="color-scheme" content="light dark"> tag. The only solution I found is testing your website on actual Samsung device and using !important variable after css values which get changed. Bunch of ignorant devs work at Samsung it seems.
Jordyno
- 124
- 1
- 2
-
1!important also not work, any update? – greendino Mar 29 '23 at 06:42
-
yes, !important works only in some cases – Jordyno Mar 30 '23 at 22:00
4
According to article on Samusung's developer blog there's actually a way to prevent this using prefers-color-scheme media query and the color-scheme meta-tag. Please read the full article to learn how to do it properly.
inokey
- 5,434
- 4
- 21
- 33
-
7Looks like none of the methods mentioned in the article seem to work. – Sined Yuk Jul 20 '22 at 19:25
0
In 2017, Samsung internet introduced dark mode to its web browser. If the user has dark mode enabled, they can surf any web page through dark mode in Samsung internet read here
Does anyone know how to fix this?
Unfortunately since this is a browser implementation you can't do anything to avoid a user going to dark mode within Samsung internet.
Love2Code
- 440
- 6
- 19