Ist dies noch die Lösung zum Überprüfen des Dark Mode?

david · 20. Februar 2025 um 17:31

Zufälligerweise ist das etwas, das wir diese Woche intern besprochen haben! Einige Proof-of-Concept-PRs sind hier:

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

Beachten Sie, dass dies nur Experimente sind, die uns beim Nachdenken helfen – es gibt keine Garantie, dass eine davon zusammengeführt wird.

Was „jetzt“ betrifft, ist die beste Option wahrscheinlich die Verwendung der LightDarkImg-Komponente wie folgt:

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>;

Thema		Antworten	Aufrufe
How to add a specific body class for the dark (or light) mode? Support	13	3581	7. März 2022
Is there a way to detect dark mode usage? Dev	4	1682	16. April 2023
No specific class for dark mode Dev css	5	708	15. März 2023
How to change css item based on dark or light mode? Dev	11	2108	18. Juni 2023
How to control if a color scheme gets the dark or the light logo? Support	16	1329	26. August 2023

Ist dies noch die Lösung zum Überprüfen des Dark Mode?

Verwandte Themen