Discourse 免费方案设置 - 选项难以阅读

在 Discourse 免费套餐的设置页面中,选项很难看清:

6 个赞

@derek 试图找到这个页面,但你肯定会更快

2 个赞

嘿,@NateDhaliwal!我在 MacOS 的深色模式下,在 Chrome、Safari 和 FF 中都无法重现此问题:

不过,我确实发现那些切换按钮的深色模式背景缺少一个 CSS 变量,这可能是罪魁祸首。刚刚推送了一个修复:

4 个赞

您好 @derek,我仍在 Chrome 上的 Windows 10 上报告此问题。

您确定这不是缓存问题吗?您尝试过硬性(Ctrl+Shift+R)重新加载吗?您安装了 Dark Reader 吗?

是的,我刚试过了,没有变化。浏览器控制台没有错误(尽管我怀疑它会出现在那里)。

我刚在我的手机(iOS/Orion)上查看了一下,看起来是预期的效果。请尝试使用另一个浏览器(最好是以前没有访问过该网站的浏览器)访问网站上的 /wizard 路径

1 个赞

@NateDhaliwal 我刚在 Windows 10 上的 Chrome 中尝试了,但未能重现。您是在本地还是在托管实例上看到此问题的?

您能否在开发者工具(右键单击 → 检查)中检查切换元素,并分享您在样式窗格中看到的内容?

1 个赞

我查看了这些样式,这似乎是关键部分:

变量 --1e94960e-csstools-light-dark-toggle--2 在这里控制背景颜色。

据我所知,--wizard-primary-900 变量和 --csstools-color-scheme--light 变量的定义如下所示:

image

如果更改 background-color,或者添加变量并放入像 greenyellow 这样的随机颜色,那么看起来会更“正确”(尽管坦率地说,我不知道为什么绿色或黄色没有显示出来:我怀疑是语法错误?):

3 个赞

感谢您提供详细信息,@NateDhaliwal。我的直觉是这与浅色/深色模式涉及的缺失 CSS 变量以及它如何通过 PostCSS 编译有关。看起来浏览器可能正在回退到浅色模式的背景颜色,这很奇怪,因为我无法重现此问题。

从截图中判断,我的修复还没有部署到您的实例上。现在应该已经部署了,所以请再试一次,如果仍然发现任何异常,请告诉我。

1 个赞