TL;DR
Get business pricing on monitors, keyboards and dev gear
- Business-only prices and quantity discounts
- Tax-exempt purchasing
- Multiple users, one account, clear invoices
Apple’s WebKit team announced Adaptive Dark Mode in Safari 27.3 beta, a user-enabled feature that changes light-looking websites to a dark appearance. It leaves sites that declare dark-mode support alone and is available to try in the beta; the announcement does not specify a general release date.
Apple’s WebKit team has introduced Adaptive Dark Mode in the Safari 27.3 beta, a feature that can adapt websites with light appearances into dark ones when a user chooses to enable it. The update addresses a mismatch WebKit says exists between the share of page loads from people using dark mode and the smaller share of sites that support a dark theme.
Adaptive Dark Mode is opt-in, rather than an automatic change to every page. WebKit says users should set their system appearance to dark, open a website with a bright background, and select “Try” when Safari offers a preview. The feature is available to test in the Safari 27.3 beta.
Pages that declare support for both light and dark appearances using the HTML color-scheme meta tag or the CSS color-scheme property are left unchanged. For other pages, Safari evaluates whether the page is generally light or dark. WebKit says pages already using a dark background and light text are not altered; pages with a light appearance can be transformed.
WebKit describes the process as a set of color and content adjustments, not a simple page-wide inversion. Its color matrix changes luminosity while preserving hue, and transformed text aims for the WCAG 4.5:1 contrast ratio. The browser also considers gradients, buttons, menus and images. Most images are left as they are, while some SVG artwork and simple black-and-white bitmap logos may be adjusted. Canvas content remains unchanged.
A Darker View Without Site Support
The feature gives Safari users a way to make more of the web fit a dark system appearance, even when a site has not built a dedicated dark theme. WebKit says nearly 40% of web page loads come from users in dark mode, while only 10% of page loads support it. Those figures are WebKit’s reported measurements; the post does not provide further detail on their collection or time period.
For people who prefer dark interfaces, the gap can mean encountering bright pages while using dark mode elsewhere on a device. Adaptive Dark Mode offers an optional browser-level response. For site owners, it also makes accurate color-scheme declarations more consequential: a page that already supports dark mode can preserve its intended design, while a page that does not may be transformed according to Safari’s analysis.
The feature is not a replacement for a site’s own design work. WebKit says a site-specific dark theme can offer more control over the final appearance. Adaptive conversion may make pages easier to view in a dark environment, but the announcement does not claim that every page or asset will render perfectly.
Popular right now
Ninja Foodi Dual Zone Smart XL Air Fryer, 10 Qt, 6-in-1, Black (DZ550)
Ninja Foodi 6-in-1 DualZone Air Fryer, 8 qt, Grey (DZ201)
De'Longhi Rivelia Fully Automatic Espresso Machine with Milk Frother, White
As an affiliate, we earn on qualifying purchases.
Websites Can Declare Dark Support
WebKit places the release in a longer history of browser support for dark appearances. It says Safari 12.1, released in spring 2019, was the first browser to support dark mode on the web. Web developers can signal that a page supports both themes with a meta tag in the document or a CSS color-scheme declaration, then use established web technologies to provide theme-specific styles.
The team recommends that developers declare the supported scheme early in page markup or CSS, rather than waiting for JavaScript to add that information. WebKit says early declaration helps browsers render a page correctly as quickly as possible. Developers who want greater control can build their own dark theme using tools such as the prefers-color-scheme media query, the light-dark() function and CSS variables.
WebKit also describes ways to help pages work with browser adaptation, including using SVG for logos and icons, CSS colors instead of tiled background images, and transparent-background content images. These are recommendations from the engine team, not requirements for sites to load in Safari.
““Adaptive Dark Mode is designed to close that gap, providing a consistent dark experience across the web.””
— WebKit team
Beta Limits and Rollout Details
The announcement covers a beta release; it does not give a date for a stable Safari 27.3 release or say which devices and operating-system versions will receive it. WebKit also does not publish testing results showing how the feature performs across different sites, or detail the dataset behind its page-load statistics.
Some implementation details are still subject to change. In particular, WebKit says the “only” keyword in a light-only color-scheme declaration is not supported in Safari 27.3 beta 1 and advises readers to check back as the beta develops. The post does not state whether that support will be added before release.
WebKit says the feature operates within the browser engine and is designed to protect user privacy, but its announcement does not provide a technical audit or independent assessment. It also does not specify how users can manage the feature after the initial preview, beyond describing the opt-in prompt.
Testing Continues in Safari Beta
People with access to Safari 27.3 beta can try Adaptive Dark Mode on a bright website after setting their system appearance to dark and choosing “Try” when prompted. WebKit’s post directs users to check back as the beta evolves, particularly for changes to the light-only scheme behavior.
Developers can test their pages in the beta and declare whether they support light and dark themes, or specify a light-only scheme where appropriate. The next public milestone to watch is a subsequent beta update or release announcement. WebKit has not provided a general availability date in the material supplied.
Key Questions
What is Adaptive Dark Mode in Safari?
It is an opt-in Safari feature in the 27.3 beta that can change websites with light appearances into dark ones when the user has selected dark system appearance.
How can I try it?
Use Safari 27.3 beta, set the device’s system appearance to dark, and visit a bright website. Safari may show a preview; select “Try” to apply Adaptive Dark Mode.
Will it change websites that already support dark mode?
WebKit says pages that declare support for light and dark appearances with the color-scheme meta tag or CSS property are not changed by Adaptive Dark Mode.
Does Adaptive Dark Mode alter images?
WebKit says most images remain unchanged. Safari may adjust some SVG colors or simple black-and-white bitmap logos to improve contrast, while canvas content is left unchanged.
When will Adaptive Dark Mode reach the general Safari release?
WebKit announced the feature for the Safari 27.3 beta but did not provide a stable-release date.
Source: webkit.org
