Alternar modo Escuro/Claro

Eu adoro este componente! :heart_eyes: Mas estou tendo um pequeno problema.

Parece que o componente só funciona quando a opção “Habilitar esquema de cores automático do modo escuro” está ativada. Meu problema ocorre quando a opção está ativada e a preferência do sistema está definida como modo escuro (ou seja, esquema de cores preferido: escuro).

No cenário acima, quando tento mudar para um tema claro através de Preferências > Interface > Tema, nada acontece, o que está bom para mim. Presumivelmente, como minha preferência de sistema já está definida como modo escuro, mudar para modo claro no Discourse não a substitui.

Quando faço o mesmo com o componente Dark / Light Mode Toggle, e se minha preferência de tema no Discourse estiver definida como Clara, o alternador realmente me permite mudar para o modo claro (o que é ainda melhor na minha opinião), mas o logotipo do site no cabeçalho permanece no modo escuro e difícil de ver no modo claro. Quando olho no inspetor, vejo que o elemento se parece com isto:

<div class="title"><a href="/" data-auto-route="true"><picture><source srcset="<link to image>" media="(prefers-color-scheme: dark)"><img src="<link to image>" id="site-logo" class="logo-big"></picture></a></div>

Notei a parte media=“(prefers-color-scheme: dark)” embora agora estejamos em modo claro definido pelo alternador.

Devo acrescentar que o logotipo do site normalmente muda bem entre o modo claro e escuro quando a opção “Habilitar esquema de cores automático do modo escuro” no Discourse está desmarcada. Mas isso impede que o Dark / Light Mode Toggle seja exibido :man_shrugging:t2:

Além disso, se minha preferência de tema no Discourse estiver definida como Escura em Preferências > Interface > Tema, e minha preferência de sistema também for escura, o alternador não alterna entre claro e escuro — ele sempre permanece no tema escuro.

Idealmente, eu preferiria que o componente Dark / Light Mode Toggle funcionasse como funciona agora, mas que o logotipo do site no cabeçalho seguisse a configuração clara/escura atualmente ativa, não o esquema de cores preferido do sistema do usuário.

1 curtida