<meta name="theme-color">
Pinta o navegador em volta da página — a moldura, não o quadro.
Sugere uma cor para a interface que cerca a página: a barra de abas no Android, os arredores no Safari, a janela do aplicativo instalado. É o único metadado que aceita media — dá para oferecer uma cor ao tema claro e outra ao escuro.
O mito é esperar que ele mude algo dentro da página: nada no viewport se altera. E o alcance varia por navegador e plataforma — é ornamento progressivo: onde funciona, a moldura combina com o quadro; onde não, nada quebra.
<meta name="theme-color" content="#eff6ff">
<meta name="theme-color" content="#172554"
media="(prefers-color-scheme: dark)">