Safari introduces Adaptive Dark Mode in 27.3
- ID
- 42824
- Status
- summarized
- Published
- 04 Nov 2026, 5:39 AM
- Fetched
- 04 Nov 2026, 10:55 AM
- Provider
- Hacker News
- Category
- dev-community
- Original URL
- https://webkit.org/blog/18541/introducing-adaptive-dark-mode/
- Source URL
- https://hnrss.org/best
Summary
- Score
- 7.0
- Created
- 04 Nov 2026, 10:56 AM
- Tags
- Audience
- developersvibe_coderssaas_founders
What happened
Safari 27.3 beta adds Adaptive Dark Mode, which offers to convert light websites into dark pages when the system appearance is dark. Sites that declare support via `<meta name="color-scheme" content="light dark">` or `color-scheme: light dark` are left untouched; for others Safari analyzes page colors, inverts luminosity while preserving hue, targets WCAG 4.5:1 text contrast, transforms light gradients, recolors SVGs and simple black-and-white bitmap logos, leaves `<canvas>` content unchanged, and may disable masks or `mix-blend-mode` where they break. WebKit says about 40% of page loads come from dark-mode users while only 10% of page loads support dark mode.
Why it matters
If you run a web SaaS or client site, test it in Safari 27.3 beta with system dark mode enabled: pages without a `color-scheme` declaration may have logos, icons, gradients, and text recolored automatically, and blend or mask effects can be turned off. Adding the `color-scheme` meta tag or CSS is the concrete opt-out if your existing dark theme or brand colors must render exactly as designed.
Discussion angle
Should a browser auto-darken pages that never opted in, or should auto-darkening be limited to sites that omit brand-critical assets? Use the 40%-vs-10% gap and the canvas/SVG exceptions to debate where the default should sit.