Safari introduces Adaptive Dark Mode in 27.3

guessmyname

• As a user: great • As a web developer: what a nightmare, now your website will look different to different people, as if having to support multiple browser engines and multiple screen rations, and multiple platforms, etc. was not a big pile of problems already. • As someone who doesn’t like dark-mode due to eye strain: good-good… for people who like it ¯\_(ツ)_/¯

_boffin_

> Safari prevents websites from detecting when Adaptive Dark Mode has been applied. JavaScript that queries CSS colors will get the original authored colors, not the transformed ones. Any images drawn into canvas render in their original form. So… the browser is now intentionally lying now. Ain’t that great.

jordand

I was looking through 'Dark Mode' browser plugins for viewing websites last week, and the options aren't great. The 'Dark Reader' plugin that's everywhere sends a lot of silent web requests in the background that seems strange given its mostly just CSS tweaks.

inshard

Thank you, whoever led this!

bla3

I know it's always been this way, but it's weird to me that Apple uses the WebKit blog for Safari product announcements.

hahnchen

Does it go the other way? What if I want light mode on a website that looks dark

I_am_tiberius

Is this a headline form the year 2015?

reader9274

Finally a fix for HN

Transcendium

I fear this will lead to a lot of broken websites. That seems to be the case with a lot of the browser plugins that provide the same functionality.

AndrewStephens

This is a good thing. I added dark mode to my blog a while ago and it was a little trying to do properly. You can implement a half-assed dark mode yourself by adding the following css. @media(prefers-color-scheme: dark) { body { filter: invert(); } } All your images will be inverted as well, which doesn’t work well for photos.

grounder

I've always wanted to use Safari as my default browser. I just need them to fix the disappearing favicons in the sidebar tabs. Apple: please fix.

JulianPaul

Am I still the only one who doesn't use dark mode? My astigmatism can't take it

kickingvegas

FYI, light-dark() in CSS is a thing now. https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/V...

nsoam

I want the opposite. I suffer from astigmatism, which makes white on black hard to read. I wish Safari could turn dark mode websites into light mode websites.

roflchoppa

take the wikipedia, no more flashbangs for me HA!

vinnymac

If this ends up working anything like the Gmail Dark Mode implementations on iOS and Android that have drove developers insane and users mad, then I expect both parties to become upset. It is easy to view this as a win for users, but the moment this doesn't work well in various scenarios, the vocal minority will punish the developers of the web as if they did something wrong here, and everyone loses. Here is to hoping that is not the case, and they did a good job with the implementation in Safari, but I have my suspicions.

marcellosso

I use dark mode for everything, so I'm pretty happy about this. Some sites were clearly designed to be light, and forcing dark on them could break the experience, but that's exactly what `color-scheme: light only` is for, and it's good that Safari respects it. Other than that it feels like a win-win to me: great for dark mode users, and for devs not much changes, you just add "light only" if you don't want your site to be affected.

joshuat

This is surely going to be optional, so it won't impact me in the slightest, but it is a pet peeve of mine when browsers (or browser extensions, looking at you 1Password) alter the UI of websites away from how they were originally designed without explicit instruction to do so. This sounds like it meets that threshold, it will just surely be a hit-or-miss mess. Hopefully if it makes it to iOS it will drive more site owners to adapt to `prefers-color-scheme`.

russellbeattie

"Websites aren't making dark mode versions! WE'LL DO IT FOR THEM!" This has to be the result of some passion project by yet another whacko dark mode fanatic (you know who you are). Non-standard, assuredly buggy, and basically a maintenance nightmare. Good luck with that craziness. Can we have another setting which turns dark websites into actually readable light designs for adults?

cyanydeez

Do they plan to introduce compliance with PWAs any time this decade?