これはダークモードをチェックするための解決策ですか？

david · 2025 年 2 月 20 日午後 5:31

偶然ですが、これは今週社内で話し合っていたことでもあります！概念実証のプルリクエスト（PR）がいくつかあります。

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

これらはあくまで検討に役立つ実験であり、どちらもマージされる保証はありません。

「現時点」では、おそらく次のように LightDarkImg コンポーネントを使用するのが最善でしょう。

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

トピック		返信	表示
How to add a specific body class for the dark (or light) mode? Support	13	3607	2022 年 3 月 7 日
Is there a way to detect dark mode usage? Dev	4	1688	2023 年 4 月 16 日
No specific class for dark mode Dev css	5	717	2023 年 3 月 15 日
How to change css item based on dark or light mode? Dev	11	2132	2023 年 6 月 18 日
How to control if a color scheme gets the dark or the light logo? Support	16	1334	2023 年 8 月 26 日

これはダークモードをチェックするための解決策ですか？

関連トピック