Ao alterar o seletor de cores da interface, as tags meta meta name="theme-color" não são atualizadas, causando às vezes a cor errada em um entalhe de iPhone.
Repro (aqui em meta)
- habilite o seletor de cores da interface
- defina o modo do sistema operacional como “Claro”
- defina o modo do seletor de cores da interface do Discourse como “Claro”
- recarregue o navegador
- as tags meta ficam assim
<meta name="theme-color" media="all" content="#ffffff">
<meta name="theme-color" media="none" content="#1a1a1a">
o que corretamente torna o entalhe do iPhone da cor certa
- alterne o modo do seletor de cores da interface do Discourse para “Automático”
- os atributos
mediaparalink class="light-scheme"edark-schememudam corretamente - as tags meta
theme-colorpermanecem as mesmas ← ruim - alterne o modo do sistema operacional para Escuro
- a cor do entalhe não muda

- atualize o navegador
- as tags meta HTML mudam para
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1a1a1a">