暗/光模式切换

您好,亲爱的 Discourse 团队和论坛参与者 :raising_hand_man:

我最近注意到,快速打开私人消息编辑器链接深色/浅色模式切换 主题组件不兼容,如果我使用的是安装了 Android 操作系统的智能手机。更具体地说,当您点击链接时,消息撰写器会打开一小段时间然后折叠回草稿状态。我检查了所有主题组件和插件,发现只有在 Android 上启用深色/浅色模式切换组件时,撰写器才会出现这种行为。这是视频:

在视频中,我展示了两种场景。
1)当您第一次点击链接时,撰写器会快速打开,并在同一时刻折叠。
2)当您再次点击链接时,撰写器会从保存的草稿中打开,在删除之前的草稿后,撰写器会以正常模式打开。

4 个赞

您好,管理员如何实现全站部署?谢谢。

2 个赞

感谢您报告此问题,这是一个非常奇怪且有趣的 bug!

3 个赞

非常感谢这个组件 :pray: :slightly_smiling_face:
刚刚安装好,在桌面和 Android 上运行得相当好。

4 个赞

请看截图:

所以,您是说切换设置在前台不添加任何切换设置选项,并且我需要安装此插件,是吗?

如果“否”,在我根据上面的截图启用深色/浅色切换后,我现在在哪里可以找到切换开关?

谢谢。

没错。将此主题组件添加到您的主题后,保存并刷新页面——您应该会看到切换深色/浅色模式的图标。:slight_smile:

3 个赞

看起来它已经安装了。我刚才试着安装了一下,它显示已安装。您可以在我之前的截图上看到。

但是仍然没有切换选项:
image

也许你没有定义可以切换的暗色主题?
如果需要,请参阅上方 Dark/Light Mode Toggle

2 个赞

我必须有一个单独的“主题”吗?我正在使用默认主题。我可以像这样切换到暗模式。

但是,只有当我选择首选项中的“暗”时,切换图标才会显示。我希望即使是第一次访问者也能看到左下角的月亮图标。可能吗?

编辑:已解决,请参阅此帖末尾。都是我的问题!

1 个赞

您好,我希望在 Discourse 论坛上将深色主题设置为默认主题。但是,我也想让用户可以选择切换到浅色主题(如果他们愿意)。

我的问题是:如何确保论坛的配色方案不会根据用户的系统设置自动更改?我想让它默认保持为深色主题,只有当用户手动选择时才更改为浅色。非常感谢您能提供设置此功能的指导。

谢谢!

我曾希望最新的 Discourse 更新能解决这个错误,但它仍然存在。

3 个赞

设置好一切后,如果我开启了浅色模式,每当我刷新页面时,深色模式总是会显示出来。每一次刷新都是这样,我该如何阻止这种情况发生?@jordan.vidrine

2 个赞

您能否告诉我您设置的所有步骤?

您的操作系统设置为自动、深色还是浅色?

4 个赞

您好,是否可以添加第三个切换选项?类似于 Twitter 的浅色、调暗、深色模式?

如果可以,我该如何添加它?

1 个赞

我们没有第三个切换开关。要添加此功能,需要对本主题 OP 中链接的主题组件进行 PR。

3 个赞

将 discourse 升级到 3.2.0 后,我在日志中看到这些错误

Dark-Light Toggle 主题/组件正在抛出错误:
TypeError: 无法读取 null 的属性(读取 ‘en’)

堆栈跟踪:

TypeError: 无法读取 null 的属性(读取 'en')
    at Object.initialize (https://site.com/theme-javascripts/56ff324506efb7c3883ba59ee00cc753852ee8cc.js?__ws=site.com:5:51)
    at n.initialize (https://site.com/assets/chunk.6d10396b901f5b95b67e.d41d8cd9.js:2:309459)
    at https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141483
    at e.each (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:368590)
    at e.walk (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:367606)
    at e.each (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:366959)
    at e.topsort (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:367005)
    at e._runInitializer (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141795)
    at e.runInitializers (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:141441)
    at e._bootSync (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:110927)
    at e.domReady (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:110503)
    at invoke (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:358129)
    at h.flush (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:357216)
    at p.flush (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:358979)
    at B._end (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:364062)
    at B._boundAutorunEnd (https://site.com/assets/vendor.f196a698a6a811ae0583c1ea5284644b-53642a3b547b78e34800ab2eeb101f12b39be8c27ec85e9ad359a095161fad6b.js:11:360486)
2 个赞

此主题组件的设置是什么?此主题组件是否已更新?

2 个赞

显示为最新

2 个赞

复现此错误的步骤是什么?屏幕上是否出现任何情况?仅在控制台中出现?

1 个赞

我没有发现操作上的任何视觉问题。到目前为止,只有控制台中的日志。

2 个赞