On November 3, WebKit announced Adaptive Dark Mode in Safari 27.3 beta. When a user enables it, Safari can analyse a predominantly light website and transform it into a dark appearance. It adjusts backgrounds, text, gradients and certain graphics while trying to preserve usability and contrast.
Here is the key point if don’t want Safari to manipulate your site’s colour scheme:
If you don’t want Safari to handle dark mode for your website, you can do that as well. For this, you can declare the color-scheme of your website like so.
<meta name="color-scheme" content="light dark">This will tell Safari that the website supports both schemes (even if the website doesn’t support a dark mode in actuality). It’s a signal for Safari not to manipulate the color scheme on its own.
Let’s block assistive technologies, that’ll be great for users.
Could you please elaborate on this? All the article is saying is if a site doesn’t have a dark color scheme, then Safar will dynamically generate one.
Here is the key point if don’t want Safari to manipulate your site’s colour scheme:
So, there’s a trick to prevent assistive technologies from operating on your site, and that trick is being touted as a good thing. I’m saying it’s not.
Like Dark Reader on Firefox? That’s not new.
I can tell this article is ai written just from the title…
