TL;DR: Em src/index.html, remova da tag color-scheme o content dark
Estou em um projeto usando Angular (14.2.8) e uma coisa estava me incomodando bastante durante o desenvolvimento, eu entrava no menu e os texto não estavama aparecendo. Eu precisava me guiar pelos ícones. Depois de um tempo acabei acostumando, mas o problema estava lá. Hoje estava relativamente tranquilo de task e resolvi caçar como resolver esse problema. Como não sou front-end estou a merce de um iluminado que já tenha resolvido esse problema. Depois de tentar algumas coisas por aí , encontrei a solução:
No arquivo index.html que fica no diretório src do projeto Angular, existe uma meta tag “color-scheme” que por padrão vem com content=”light dark”, removendo o “dark” do content o navegador para de se meter nas cores das coisas do sistema.
Acredito que essa solução possa ser aplicada para HTML puro também, adicionando essa meta tag ao header do html
<head>
<meta name="color-scheme" content="light" />
</head>