Alternância de modo escuro/claro apresenta resultados mistos quando as configurações do sistema operacional não correspondem às configurações da alternância

@media (prefers-color-scheme: dark) Os estilos CSS nos meus componentes de tema são ignorados se o sistema operacional do usuário estiver definido como modo claro e o usuário selecionar o modo escuro no alternador da barra lateral. Também obtenho estranhezas se o sistema operacional do usuário estiver definido como escuro, mas ele selecionar claro no alternador da barra lateral. Tudo parece como pretendido quando as configurações do sistema operacional e do alternador correspondem aos modos. Mais alguém encontrou esse problema e descobriu como fazer com que os ajustes de CSS do modo claro/escuro se apliquem quando as configurações do sistema operacional e as configurações do alternador da barra lateral não correspondem?

Você tem temas personalizados? O mesmo problema acontece quando você está usando Foundation ou Horizon?

Oi Kayla! Você conseguiu descobrir isso sozinha? Se sim, pode compartilhar os resultados aqui? Se não, acho que podemos simplesmente excluir este tópico.

O prefers-color-scheme considera apenas o modo do SO e os esquemas de cores.
Para que o seletor de cores da interface funcione corretamente para cores que não são de esquema de cores e outros valores CSS, você deve sempre usar dark-light-choose como explicado aqui Update themes and plugins to support automatic dark mode - #5 by pmusaraj

1 curtida