Apple releases Safari 27.3 vertical tabs and adaptive dark mode

webkit.org5 min read

Apple has introduced Adaptive Dark Mode in the Safari 27.3 beta, a feature designed to automatically transform light websites into dark ones when the user has system-wide dark mode enabled. The WebKit-level feature analyzes page colors, uses a luminosity-preserving color matrix, and adapts icons and SVGs while protecting user privacy by preventing websites from detecting the mode. Developers can opt out of the transformation by using specific color-scheme tags. Open article →

Notable comments

Reception is broadly positive for users and accessibility, with informed concerns that automatic transforms may break sites while developers highlight both existing CSS primitives (e.g., color-scheme/light-dark) and the tricky WebKit-level behavior that prevents authors from detecting the transformation.

HN · _boffin_ Sharp developer critique: Adaptive Dark Mode “intentionally” lies to page scripts—CSS color queries and canvas drawings use original authored colors—raising concerns about consistency and debuggability.

HN · guessmyname High-signal web-dev nightmare framing: adaptive transforms mean the same site renders differently for different users/browsers, turning dark mode into yet another compatibility matrix.

HN · AndrewStephens First-hand dark-mode implementation experience: shows why common hacks like `filter: invert()` break photos and illustrates the need for proper solutions rather than naive global filters.

More on this topic