这仍然是检查暗模式的解决方案吗？

david · 2025 年2 月 20 日 17: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	3600	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	716	2023 年3 月 15 日
How to change css item based on dark or light mode? Dev	11	2124	2023 年6 月 18 日
How to control if a color scheme gets the dark or the light logo? Support	16	1334	2023 年8 月 26 日

这仍然是检查暗模式的解决方案吗？

相关话题