Safari dark mode will darken light websites: what to check

Apple is testing Adaptive Dark Mode in the Safari 27.3 beta. When a visitor uses dark appearance and turns the feature on, Safari repaints light websites that have no dark version of their own. If your business site is white or light, check that your logo, buttons and images still look right, then choose a proper dark design or keep it light.

What does Adaptive Dark Mode change?

According to the WebKit team, Safari looks at a page and, if it is mostly light, turns backgrounds dark and text light while keeping the original colour tones. It aims for text contrast of at least 4.5 to 1, the level in the WCAG accessibility guidelines.

Most photos are left alone. Safari does change some icons and logos: it can recolour SVG images, and for simple black-and-white bitmap logos it may invert them. Some visual effects are switched off on changed elements, and canvas content is left as it is.

Sites that already declare their own dark mode are not touched. Sites with a dark design are not changed either.

Why should a business website owner care?

The WebKit team says almost 40% of page loads come from people using dark mode, yet only about 10% of pages support it. Many Malaysian customers browse on iPhones. A logo saved as a JPG with a white box around it, or a product photo on a white square, can look odd on a dark page. A button that blends into the new background can cost you an enquiry.

Websites cannot detect whether Safari has applied the change, for privacy reasons, so you will not see it in your analytics. You need to look for yourself.

What to do

1. Once the update reaches regular Safari, set an iPhone or Mac to dark appearance, open your website in Safari, and turn the feature on when it offers a preview.
2. Check your logo, menu, contact buttons, forms and checkout. Look for white boxes around images and text that is hard to read.
3. Ask your web designer to swap logos and icons to SVG files and to save images with transparent backgrounds where possible.
4. Decide on your design: either add a real dark version of the site, or tell browsers the site is light only. The WebKit team notes that the "light only" setting does not work yet in the first beta.
5. Re-check after any theme or page builder update.

How SyncTech can help

If your site needs a refresh so it looks right in both modes, our web design team in Malaysia can rework logos, colours and layouts. For a regular check after browser and plugin updates, see our website care plans.

Source and credit

We are sharing this news from the WebKit project. This summary is written by Synctech in our own words.

• Introducing Adaptive Dark Mode, WebKit blog, 3 November 2026: https://webkit.org/blog/18541/introducing-adaptive-dark-mode/ Retrieved 4 November 2026. Apple, Safari, iPhone, iPad, Mac and WebKit are trademarks of their owners. Synctech is not connected with them. This is general information, not legal, tax or financial advice. If anything here is wrong, email support@synctech.com.my and we will correct it.