Apple has launched Adaptive Dark Mode in Safari 27.3 beta, a feature designed to automatically convert light-themed websites into dark mode for users who prefer a darker browsing experience. This innovation addresses a significant gap in web compatibility, as nearly 40% of users browse in dark mode, yet only 10% of websites natively support it. The feature is triggered when a user's system appearance is set to dark, and Safari offers a preview when navigating to a bright site.
Adaptive Dark Mode intelligently analyzes page elements, inverting colors where necessary while preserving semantic meaning and visual integrity. It uses a color matrix to maintain hue while adjusting luminosity, ensuring text meets WCAG 4.5:1 contrast ratios. The system carefully handles gradients, SVG icons, and bitmap images—transforming simple black-and-white logos but leaving complex canvases unchanged. Effects like masks and mix-blend-mode are disabled if they cause visual artifacts.
Built deep within the WebKit engine, the feature operates with high speed and power efficiency while protecting user privacy. Developers can optimize their sites by using SVG icons, CSS gradients, and transparent backgrounds. For full control, creators can implement native dark mode using `color-scheme: light dark` in CSS or HTML meta tags.
Source: Hacker News · Summarized by HeadlinesBriefing