Pular para o conteúdo
Observatório do <head>

/static/observatorio/astro/color-scheme/

Menu

HED-012 · Aparência

<meta name="color-scheme">

Avisa em quais esquemas de cor a página sabe se comportar — antes de o CSS chegar.

Declara com quais esquemas o documento sabe conviver. Com content="light dark", o navegador pode pintar o fundo padrão, os formulários e as barras de rolagem na variante que o sistema pede — e o clarão branco antes de o CSS descer, a assombração do modo escuro, desaparece.

É o espelho da propriedade CSS color-scheme, mas vence a corrida por ser lida ainda no parse do <head>. A ressalva: declarar dark sem ter estilos para tanto rende formulários escuros sobre página clara — a meta é uma promessa que o CSS precisa cumprir.

<meta name="color-scheme" content="light dark">
O fundo certo antes de a primeira folha de estilo descer.