Safari ganha Adaptive Dark Mode, que exibe sites claros em tema escuro

O Adaptive Dark Mode chegou ao Safari 27.3 beta e, quando o usuário ativa, adapta sites claros e os exibe em tema escuro. Segundo o blog do WebKit, o Safari 12.1, de 2019, foi o primeiro navegador a suportar dark mode na web. Hoje quase 40% dos carregamentos de página vêm de usuários em modo escuro, mas só 10% das páginas oferecem esse tema. O recurso tenta fechar essa lacuna.

Como funciona: sites que declaram suporte com color-scheme: light dark (meta tag ou CSS) não são alterados. Nos demais, o Safari analisa as cores e estima se a página é predominantemente clara ou escura. Se for clara, aplica uma matriz de cor que inverte a luminosidade e preserva o matiz, buscando contraste WCAG de 4.5:1 no texto. Gradientes claros também são escurecidos. Imagens ficam quase sempre intactas, mas SVGs são transformados quando preciso, e logos simples em preto e branco são invertidos por análise de histograma. Conteúdo de canvas não muda, e efeitos como masks e mix-blend-mode podem ser desligados em alguns casos.

Por privacidade, sites não conseguem detectar o recurso: JavaScript que consulta cores CSS recebe as cores originais, e imagens desenhadas em canvas saem na forma original. O valor light only para impedir a transformação ainda não é suportado no Safari 27.3 beta 1, segundo o texto.

Em 4 de novembro de 2026, o CEVIU noticiou "IOS 27.3 leva abas verticais e Adaptive Dark Mode ao Safari", que tratou o recurso dentro do pacote de novidades do Safari nas atualizações 27.3 da Apple. A notícia atual traz o detalhamento técnico publicado pelo WebKit: como a transformação de cor funciona, o que fica de fora e o que o desenvolvedor pode fazer.

Para quem desenvolve sites, a leitura prática é que páginas sem suporte a tema escuro podem passar a ser transformadas automaticamente em usuários do Safari. Declarar color-scheme cedo no HTML ou no CSS dá controle sobre o resultado. Vale testar logos em bitmap, sprites e imagens com fundo embutido, que o próprio WebKit aponta como pontos de atenção.