Safari 27.3 Beta Adds Adaptive Dark Mode, Turning Light Websites Dark Automatically

WebKit published details of Adaptive Dark Mode on 3 November 2026, and it ships first in the Safari 27.3 beta. When a person has their system appearance set to dark, Safari can now offer to render a bright website in dark colours, even if the site has no dark theme of its own. Pages that already support dark mode are left alone.

The transformation inverts luminosity while keeping hue, so a blue link stays recognisably blue. Safari aims for a text contrast of at least 4.5:1, which is the WCAG AA ratio for body text. SVG colours are adjusted where needed, simple black and white bitmap logos can be inverted, and most other images are untouched.

There are some limits worth knowing. Masks and mix-blend-mode may be switched off on elements Safari has transformed, and canvas content is not touched at all. That matters for any site with a WebGL or 2D canvas hero, because the surrounding page may go dark while the canvas stays as designed.

Sites can opt out by declaring color-scheme: light only. WebKit notes that the "only" keyword was not yet supported in the first 27.3 beta, so the opt-out is not fully dependable today. Safari also stops websites from detecting when Adaptive Dark Mode has been applied, so you cannot branch on it in script.

For us, the practical message is simple. If a client site only has a light theme, it may now be shown in a colour scheme nobody on the design team has seen. Logos on transparent backgrounds, text over photography and any blend-mode effects are the places most likely to break.

Our advice is to test it before the feature reaches stable Safari. Switch a Mac or iPhone to dark appearance, install the beta, and click through your key pages. Then decide whether to design a proper dark theme or to opt out deliberately once the opt-out works.

Real dark themes still give better results than an automatic one, because they let a brand control its own palette. Adaptive Dark Mode is a safety net for the sites that never got one. It is a good reason to build the dark variant of a palette properly, rather than leave it to a browser's guess.