暗黑模式解释、如何选择以及如何启用切换

简介

本指南涵盖了深色模式、如何选择它以及如何启用它。

什么是深色模式?

正如《福布斯》所解释的,

深色模式的理念是,它可以在保持可读性所需的最低颜色对比度比率的同时,减少设备屏幕发出的光线。

深色模式本质上是设备上一个主要是深色的主题(通常是黑色或灰色),上面有浅色文本以形成对比。Discourse 有许多主题同时具有浅色和深色配色方案。

如何选择深色模式?

在您的 Discourse 论坛中,管理员首先需要安装它。在 admin/customize/themes 下,管理员可以在热门主题列表中选择“深色”。
之后,您需要转到 my/preferences/interface 来更改主题。您应该会看到此页面。
(移动设备)

在此之后,选择显示当前主题的下拉菜单,或在“主题”下拉菜单下。在我的例子中,它是 Meta Branded。
然后,从下拉菜单中选择“深色”,或任何具有深色配色方案的主题(我们稍后会介绍如何做到这一点)。
选择您喜欢的主题后,单击“常规”下拉菜单。选择任何包含“深色”一词的配色方案。常见的包括“深色”、“WCAG 深色”和“Solarized Dark”。

:warning: 选择浅色模式的任何配色方案在遵循本指南时都不会产生好的结果。建议您为本指南选择“深色”,因为我们将使用它。

完成所有这些操作后,您可以单击页面底部的“保存更改”按钮。这将使 Discourse 进入深色模式(或者更确切地说,是一种深色配色方案)。

深色模式下拉菜单有什么作用?

我知道您可能正在想这个问题。
简而言之,您在此处设置的配色方案将在您的设备处于深色模式时激活。当您的设备处于深色模式时,所选的配色方案将覆盖在“常规”下拉菜单中选择的配色方案。
通常情况下,您不会更改此设置。但是,如果您在“常规”中选择了配色方案,并希望在“深色模式”下保持相同,而无需在更改配色方案时不断切换,则可以将“深色模式”下拉菜单设置为“与常规相同”,这样 Discourse 将遵循“常规”中选择的方案。
如果您的设备处于浅色模式,“深色模式”下拉菜单将不起任何作用。

那么……如何检查主题是否具有深色配色方案?

啊,是的!基本上,您可以选择一个主题并查看支持的配色方案,然后检查是否有任何深色配色方案。一个好的衡量标准是查看“WCAG 深色”,因为它是一种遵循可访问性指南的配色方案。

深色/浅色切换

现在 此组件 已合并到核心中,无需安装。

有关切换的更多信息,请参阅此主题:

结论

就是这样!您已成功找到将主题更改为深色模式的区域,并尝试了不同的配色方案!


来源和引文

《福布斯》:What Is Dark Mode – And Should You Be Using It? – Forbes Advisor UK
为管理员添加深色模式:Looking for default dark theme - #2 by JammyDodger

本指南中的所有信息均非人工智能生成,图像标题除外。所有其他信息均为原创,如果不是原创,则已在上方链接。

5 个赞

可能只有我一个人,但图片似乎在我这边没有加载出来:

3 个赞

我重新上传了。再试试?

4 个赞

现在可以了!:grinning_face_with_smiling_eyes:

3 个赞

我已更新帖子,将最近的组件合并到核心中。

3 个赞