Safari Introduces Adaptive Dark Mode In 27.3
AIThis post was created with the assistance of artificial intelligence (AI).

TL;DR

Buying for a business?Offer from Amazon

Get business pricing on monitors, keyboards and dev gear

  • Business-only prices and quantity discounts
  • Tax-exempt purchasing
  • Multiple users, one account, clear invoices
As an affiliate, we earn on qualifying purchases.

Apple’s WebKit team announced Adaptive Dark Mode in Safari 27.3 beta. When a user enables it, Safari can transform light-looking websites into a dark appearance; pages that declare dark-mode support are left unchanged. Its availability beyond the beta and the feature’s final behavior remain unconfirmed.

Apple’s WebKit team has introduced Adaptive Dark Mode in the Safari 27.3 beta, a feature that can change light-looking websites into a dark appearance when users enable it. It is intended to extend dark mode to sites that do not provide their own version, while leaving pages that explicitly declare dark-mode support unchanged.

WebKit says users can try the feature in Safari 27.3 beta by setting their system appearance to dark, visiting a bright-background website and tapping “Try” when Safari offers a preview. The feature is user-enabled; the announcement does not say that every page is automatically altered without a prompt.

Safari first checks whether a page signals support for light and dark appearances through the HTML color-scheme meta tag or the corresponding CSS property. WebKit says those pages are not changed. For other pages, the browser analyzes whether the page is generally light or dark, then adapts pages with a light appearance. Pages already using a dark background and light text are left alone.

The transformation focuses on colors: WebKit says its color matrix changes luminosity while preserving hue, and aims to keep transformed text at a 4.5:1 contrast ratio, the threshold it identifies with WCAG. Light gradients can also be darkened. Most images are left as they are, though the engine may adjust some SVGs and simple black-and-white bitmap logos. Canvas content is not transformed, and some visual effects may be disabled where they would produce unwanted results.

At a glance
announcementWhen: Announced for Safari 27.3 beta; availab…
The developmentSafari 27.3 beta adds a user-enabled feature that adapts light websites to dark mode.

Dark Mode Reaches More Websites

The feature addresses a gap between users’ display preferences and the support websites provide. WebKit reports that almost 40% of web page loads come from users in dark mode, while only 10% of page loads support it. Those figures are WebKit’s stated measurements; the announcement does not provide the measurement period, methodology or comparison baseline, so they should not be read as a trend or independently verified estimate.

For readers, Adaptive Dark Mode could reduce the number of bright pages encountered while browsing with a dark system appearance. For site operators, it offers a fallback, but it is not the same as a site-designed dark theme: WebKit says the browser infers and transforms colors, while developers can specify their own dark styles and declare support. How well individual pages look after transformation may depend on their layout, colors and image treatments.

Products Worth Considering

Apple MacBook Air 13.6-inch with M5 Chip, 16GB Memory, 512GB SSD, Sky Blue

Apple MacBook Air 13.6-inch with M5 Chip, 16GB Memory, 512GB SSD, Sky Blue

Apple MacBook Air 15-inch with M5 chip, 24GB RAM, 512GB SSD, Midnight

Apple MacBook Air 15-inch with M5 chip, 24GB RAM, 512GB SSD, Midnight

As an affiliate, we earn on qualifying purchases.

Safari’s Existing Dark-Mode Support

WebKit says Safari 12.1 added the browser’s support for dark mode on the web in spring 2019. That support lets websites respond to a visitor’s appearance preference with their own styles, but it does not mean every site has built a dark version. Adaptive Dark Mode is presented as a way to handle pages that have not supplied one.

WebKit recommends that developers who want a custom result declare support early in the page’s HTML or CSS and use the prefers-color-scheme media feature to provide dark-specific styling. It also describes a “light only” declaration as a way for a site or element to request a light presentation, but notes that the “only” keyword is not supported in Safari 27.3 beta 1. That behavior may change as the beta develops.

““Adaptive Dark Mode is designed to close that gap, providing a consistent dark experience across the web.””

— WebKit

Beta Limits and Open Questions

The announcement describes the feature in Safari 27.3 beta, not a general release. It does not give a final release date, say which users can access the beta, or confirm whether the feature will ship unchanged. The WebKit post also does not publish independent testing of its contrast handling or results across a broad range of websites.

Some implementation details remain unsettled: WebKit says the “light only” keyword does not work in beta 1 and invites users to check back as the beta evolves. It also does not specify how the feature’s prompt behaves across repeated visits or how users can manage a site-specific choice after selecting “Try.” The cited usage figures lack a stated timeframe and methodology.

Testing During the Beta

WebKit says users can try Adaptive Dark Mode in Safari 27.3 beta and describes the feature as evolving during the beta process. The next confirmed step is further beta development; the team has not announced a final release schedule in the source material.

Developers can test how their pages respond, declare light-and-dark support for a custom design, or use a light-only declaration where appropriate, bearing in mind its stated beta 1 limitation. Whether Safari’s transformations will be refined, and when the feature will reach a final release, remain open.

Key Questions

What is Adaptive Dark Mode in Safari?

It is a Safari 27.3 beta feature that can transform light-looking websites into a dark appearance when the user enables it.

How do I try it?

According to WebKit, set the system appearance to dark, visit a bright-background website and tap “Try” when Safari offers a preview. The announcement does not detail beta eligibility or availability beyond that process.

Will Safari change websites that already have dark mode?

WebKit says pages that declare support for both light and dark appearances using the color-scheme meta tag or CSS property are not altered by Adaptive Dark Mode.

Does the feature darken every part of a page?

No. WebKit says canvas content is left unchanged, most images are preserved, and some effects may be disabled if transformed colors would make them look wrong. The browser may adjust certain logos and SVG images.

When will Adaptive Dark Mode be generally available?

The source announces the feature in Safari 27.3 beta but gives no general-release date or confirmation of its final form.

Source: webkit.org

You May Also Like

Chaos Engineering for QA: Breaking Prod on Purpose

Aiming to strengthen your QA resilience, chaos engineering involves intentionally breaking production to uncover vulnerabilities and improve system reliability—discover how to do it safely.

Mastering Software Quality Assurance: Expert Tips for Organizing Initiatives

Learn how to effectively organize your software quality assurance initiatives with our comprehensive guide. Improve your QA process and deliver high-quality software products with our expert tips.

OpenEuroLLM. The third path.

European consortium OpenEuroLLM faces significant compute challenges as it progresses toward July 2026 model delivery, highlighting limits of pan-European AI efforts.

The Anthropic-Blackstone-Goldman JV: Reverse-Engineering the $1.5B Enterprise AI Services Structure

Anthropic, Blackstone, Hellman & Friedman, and Goldman Sachs form a $1.5B AI enterprise services joint venture targeting mid-sized companies, signaling a strategic shift.