Ainda é essa a solução para verificar o modo escuro?

david · Fevereiro 20, 2025, 5:31pm

Coincidentemente, isso é algo que temos discutido internamente esta semana! Alguns PRs de prova de conceito estão aqui:

DEV: Introduce `html.dark-mode` and `html.light-mode` classes by davidtaylorhq · Pull Request #31397 · discourse/discourse · GitHub
DEV: Add reactive helpers to `interfaceColor` service by davidtaylorhq · Pull Request #31415 · discourse/discourse · GitHub

Observe que estes são apenas experimentos para ajudar em nosso raciocínio - não há garantia de que algum deles será mesclado.

Quanto ao ‘agora mesmo’, a melhor aposta é provavelmente usar o componente <LightDarkImg como este:

github.com/discourse/discourse

app/assets/javascripts/discourse/app/components/category-logo.gjs

a26138b50


      
          const CategoryLogo = <template>
            <div class="category-logo aspect-image">
              <LightDarkImg
                @lightImg={{@category.uploaded_logo}}
                @darkImg={{@category.uploaded_logo_dark}}
              />
            </div>
          </template>;

Tópico		Respostas	Visualizações
How to add a specific body class for the dark (or light) mode? Support	13	3600	7 de Março de 2022
Is there a way to detect dark mode usage? Dev	4	1688	16 de Abril de 2023
No specific class for dark mode Dev css	5	716	15 de Março de 2023
How to change css item based on dark or light mode? Dev	11	2124	18 de Junho de 2023
How to control if a color scheme gets the dark or the light logo? Support	16	1334	26 de Agosto de 2023

Ainda é essa a solução para verificar o modo escuro?

Tópicos relacionados