暗/光模式切换

嗯,我好像无法实现这个。 :cry: 很抱歉

2 个赞

您好,可以合并此翻译吗?Add Arabic translation by jermanuts · Pull Request #37 · discourse/discourse-color-scheme-toggle · GitHub

谢谢您的贡献 :heart:

4 个赞

您好。我的 Chromium 浏览器(非 Google Chrome)在 PC 上刷新页面时,深色模式无法保持,而且很多时候点击它根本没反应,这是什么原因?
一切设置都正确,但不知道为什么它很多时候都无法保持或根本无法切换。

1 个赞

在我的实例中,按钮不知何故没有显示在最左下角:

image

与 Meta 相比:
image

我尝试在一个默认主题上进行此操作,只启用了此组件,并且没有其他自定义 CSS,我是否遗漏了什么?

即使在安全模式下,禁用所有插件,只使用默认主题 + 此组件,切换按钮也不在同一个位置。

1 个赞

另外,我注意到这个问题也发生在 Meta 上(我的实例上已经出现了一段时间了,但以为只是我自己的问题)

当方案手动更改,并且与系统方案不匹配时(据我所知),就会发生这种情况——刷新可以解决问题,但有时徽标会恢复为“系统”颜色,忽略通过按钮手动更改的模式。

2 个赞

在 Chrome 处于黑暗模式时似乎存在一个错误?
(如上文讨论)

如何重现:

  • discourse 3.2.1
    个人偏好 > 颜色方案:常规是浅色主题,黑暗模式:与常规相同

  • Chrome 使用系统主题(系统在晚上自动切换到黑暗模式)
    晚上,当系统切换到黑暗模式时,Chrome 也切换到黑暗模式,
    在这种情况下,切换按钮在晚上不起作用。
    而在白天,它工作得很好,
    如上文讨论,有人说这是因为偏好设置将黑暗模式设置为“与常规相同”,
    但为什么白天可以切换到黑暗模式?

1 个赞

切换到另一个面板后,网站徽标暂时不会更改以匹配切换后的模式

1 个赞

大家好,有人能帮我添加切换按钮吗?
我正在使用这个指南,但看不到切换按钮。我已经安装在我的主题上了,但那个切换按钮在任何地方都看不到,无论是页眉还是页脚?

1 个赞

您是否遵循了第一个帖子中的说明?您是否有两种用户可以选择的配色方案,并且是否配置了默认的深色配色方案?

3 个赞

经过数小时的调试,我终于设法解决了这个问题。删除并安装 Sidebar Theme Toggle 解决了它!

2 个赞

也许能帮到一些人,为了避免所有用户都必须手动修改界面设置,我认为默认启用浅色模式可以解决切换按钮无效的问题(对未登录用户也同样有效)。

2 个赞

4 个帖子已拆分为新主题:在某些情况下切换深色/浅色模式时显示错误的徽标

帖子已拆分为新主题:品牌标志和自动暗模式方案问题

2 篇帖子已拆分为新主题:深色模式选择器背景颜色

当我将默认方案设置为暗黑模式时,此组件似乎无法正常工作。

有什么办法可以让我保持暗黑模式为默认设置,同时允许用户切换到浅色模式吗?

1 个赞

将默认设置为浅色,将暗黑设置为暗黑,之后用户将获得他们设备上正在使用的模式,对吗?如果用户使用浅色,该用户期望看到浅色,而不是暗黑。当然,暗黑也是如此。尊重用户的选择始终是好的策略 :smirking_face:

2 个赞

但是我的默认模板必须是暗黑模式,我的颜色是并且应该是暗黑的,我不会为了“尊重我的用户”而改变这一点,我的模板应该是我想象中的一种风格,并且我只想提供浅色模式作为附加选项。

如果这不可能,那也没关系 :smiley:

所以你们是想因为自己的意愿而破坏用户的设置吗?我不太明白这样做的原因,因为你们也有浅色主题。如果你们的主题无法使用浅色主题,那是你们设计的问题,而不是 Discourse 如何处理浅色和深色模式,或者用户口味与你们不同。

或者是我有什么地方误解了?:thinking:

在 Discourse 中可以做很多事情。但我很确定,过度干预设备的用户设置,同时又允许覆盖管理员和设计师的意愿,这是开箱即用的。

我相信有更懂的人会来补充。

我的观点是,不要这样做。这只是糟糕的设计和糟糕的用户体验。

2 个赞

正是如此!

我的疑问是关于是否有办法在我的模板/样式为深色时切换到浅色模式。

不过,我还是自己想办法吧。

1 个赞

我可以通过在我的主题中添加 CSS 来更改背景图片

是否有可用于暗模式的不同图片的 CSS 选择器?
我尝试过

body .dark {
    background-image: url('https://www.myracedata.com/images/sebring.jpg');
    background-repeat: repeat-y;
    background-size: 100%;
}

我已仔细研究了该组件的 git 存储库
抱歉,我是新来的
Andy