Safari 27.3 Adds Adaptive Dark Mode for Light Sites
Original: Safari introduces Adaptive Dark Mode in 27.3
Why This Matters
Closes a years-long dark mode gap affecting nearly half of all web users.
Apple's Safari 27.3 beta introduces Adaptive Dark Mode, auto-converting light websites to dark. Nearly 40% of page loads come from dark mode users, but only 10% of sites support it.
Safari 27.3 beta ships Adaptive Dark Mode, a WebKit-level feature that automatically darkens light websites for users who prefer dark mode. Apple notes the gap is stark: ~40% of page loads come from dark mode users, yet only 10% of pages natively support it.
The feature activates only when the system is set to dark and the visited page appears predominantly light. Sites that already declare `color-scheme: light dark` via HTML meta tag or CSS are left untouched. For everything else, Safari analyzes colors, inverts luminosity while preserving hue using a custom color matrix, and targets WCAG's 4.5:1 contrast ratio for text.
The engine makes selective calls: CSS gradients are transformed, most bitmap images are left alone, and SVG icons get per-element inspection to maintain contrast. Simple black-and-white logos get inverted; complex canvas content is skipped entirely since it's unpredictable. Effects like `mix-blend-mode` may be disabled where they'd produce bad results.
Because the transformation runs inside the WebKit engine itself, Apple says it can apply changes quickly, with power efficiency, and without exposing page content externally—keeping user privacy intact. Users in Safari 27.3 beta can trigger the feature manually via a prompt on bright pages.