If a web site has no dark mode, fine, do your thing.
If the web site has a dark mode, can’t you assume we know what we’re doing, instead of randomely breaking everything?
My first customer for my startup product tells me he will sign up when I fix the dark mode on his phone… and all his employee’s phones, which happen to be samsungs. Do you really think I can tell him to flip a lab mode thingy on his phone?
I have paid a designer to create a nice dark mode, where all accessibility rules are respected. With your pseudo dark mode overwriting everything, nothing is visible.
And no, the color scheme meta tag does not fix anything.
So, I just burned a few days of work trying to work around this. The problem is threefold:
when the OS is in dark mode, the browser does not use the dark mode css settings, but computes some random stuff instead, making some graphic elements invisible
there is no easy way to detect you have landed in that mode
EVEN if you adopt a perfectly fine dark palette (by default), the browser still comes in and messes with it.
As far as detecting it, it is possible, the following has worked for me:
But even if you try to correct your colors when in that mode, Samsung color correction algorithm is quite a mistery. I have not found colors so far that this browser does not make unusable in my case.
Samsung please address this, we have like 20% of our users browsing our site with the colors completely wrong! Guiding users to go to settings > labs and turn on that feature is not the solution at all. We are seriously considering displaying a popup that tells the user to switch to a SERIOUS browser (the old IE times are back sadly)
Hi, why samsung browser override wikipedia dark mode ? Dye to this colors are inverted and back to a sort of light mode😆
Eg: European Union - Wikipedia
If a website provides a dark mode via mediaquery or a custom setting, a Samsung Internet browser in default configuration always alters the styles delivered by the website, resulting in odd colors at best and illegible content at worst.
There is no way the developer can disable this behavior.
There are two ways for users to circumvent this:
Enabling the flag internet://flags/#enable-adaptive-force-dark
Enable Settings → Labs → “Use website dark theme” - which effectively disables forced dark mode on all webpages, also those that do not provide a custom dark mode
As far as I understand it is unclear, if the flag will ever be set per default in a future version of Samsung Internet, or if so when this will happen.
I only stumbled upon this behavior today and I am dumbfounded. So Samsung expects us either to disable the custom dark mode once and for all (there is no way to detect if the forced dark mode is applied) or to tell our users that they have to alter their default settings if they want to have a good dark mode experience.
Please, reconsider this. Among other issues, this behavior makes it impossible for developers to guarantee, that their site meets the criteria of the European Accessibility Act (as already mentioned previously in this thread).
So my take on this—it’s just a bit hidden. I had to go through a 3-year-long thread just to find the easy solution. I’m a web designer/dev and recently had to switch to Samsung/Android due to unforeseen circumstances. Coming from Apple, it’s super easy and intuitive to configure things (if you even need to, since default settings usually work fine).
That said, I do think it’s cool that Samsung Browser has a forced dark mode, but I agree—it should probably be off by default. A simple popup when opening the browser for the first time (especially if dark mode is detected as enabled) would be a great fix. Not sure if that’s possible given the fragmented Android ecosystem, though.
No, you haven’t find solution! You have missed the point of this thread. This thread is not about setting browser settings on your phone, but about to be sure to present your website to the audience as it was designed. For example, I have a flower that is in light colors and Samsung turns it into black flower. Have you ever seen black flower? Do you really think that users will enjoy looking at black flower? This is a huge issue. This is way worse than IE 6 - IE 11 hacks.
I just want to address that after so long time, this issue is still present! People are losing huge amounts of money because they can’t deliver the product the client wants, but rather the product Samsung decides.
@amram32 I get your point - you’re trying find the way to automatically revert the forced dark mode of Samsung Internet browser to show your website correctly (use the actual dark mode css if you have one rather than converting bright mode css to dark using its automatic algorithm) I don’t think there is an easy/clean solution to that unless Samsung provided a custom flag in eg html meta, perhaps some clever hack if someone is willing to put time into trial error. I think the forced dark theme turned on by default is kinda strange (expecially if a websie provides a dark mode css) but then Samsung point of view was probably if people have their phon in dark mode they probably expect websites to be dark mode as well (plus a fair amount of negligence or messy codebase) It’s a tricky UX dilemma - perhaps there’s no reliable way of determing if a website provides its own dark mode im guessing
At least I would expect from Samsung a list of “safe” colors, or some conversion tool (calculator) where you can put your color and see in which color it will be converted. Currently we have algorithm that is “black box” and converts same colors into different ones. For example, a bigger flower with #fff petals is converted into very dark #1F1F1F (on background that is #0C244A) and smaller flowers are converted into #807E7E. So if you are creating specific content (game) that should have complementary colors and decent contrasts you have absolutely no control.
Agreed. That would be helpful, they could’ve also share an app/git repo or some kind of simulator to test. But since it is not the case are you totally locked to use the Samsung browser? Perhaps you could preinstall FF or Chrome on yr clients mobiles and set as default? Im sure this is doable with a bit of scripting. I do like the Samsung browser as it feels lightweight and fast (after you turn off this silly forced dark mode but it fails in certain complex elements so you always need a backup anyway.
As a user I even like that Samsung’s dark mode, but after testing it as a developer it is really against all rules and standards. In the era of IE6 - IE11 we have used various hacks to make web sites same in all browsers, but all these bugs, or browser interpretations were well known and consistent which is here not the case. At the end, I think that most developers just give up and hope that Samsung browser market share isn’t that big. For most web sites color interpretation is maybe not a big deal, but in some cases (as my, or when people report that their QR codes become useless) it is a big deal, but obviously Samsung doesn’t care about such minority.
Agree 100%. If a site has its own dark mode, Samsung browser needs to NOT use its own dark mode algorithm. Period. Samsung, You have a great browser, but this is a complete failure and it is extremely frustrating to many of us. Please change this. We need a way to tell samsung browser NOT to use this behavior.
Just stumbled on this too, since we are having issues about it with our website. It is appalling that in 3 years it is still not fixed. I am sorry to say: this is a bug, it is not a feature.
I’m facing this issue too after 3 years of running this blog. Should I ask all the users of the website to turn off Samsung Internet’s default dark mode?? Isn’t this a silly solution? Has anyone dealt with this? I need to deliver my work!
but it fails in certain complex elements so you always need a backup anyway.