某些 Discourse 论坛上的邮件论坛帖子在黑暗模式下显示为灰色

最近我收到的电子邮件帖子中的文本呈灰色。

这在 meta.discourse.org 和一些其他 Discourse 论坛上都会发生,但其他一些 Discourse 论坛则运行正常。

这个问题只在我的 Mac 设置为深色模式时发生;在浅色模式下则不会发生。

最近 Discourse 软件是否有任何更改导致此问题?

5 个赞

理查德,您好:

我尝试在 Apple Mail 和 Gmail 的 3 个不同浏览器上重现此问题,但到目前为止尚未成功。因此,我想获取更多信息,看看我们是否能重现此问题。您能告诉我:

  • 您使用的是什么电子邮件客户端?
  • 如果是 Gmail,您使用的是什么浏览器?
  • 您使用的是哪个版本的 macOS?

我们会继续深入研究,但希望这能帮助我们缩小范围。

马克

4 个赞

我不是理查德,但从图片中的字体来看,他似乎在使用 Microsoft Outlook。:grin:

3 个赞

自升级到 2.9.0.beta4 后,我们论坛的一名成员报告说,他们在使用论坛发送的电子邮件时遇到了类似的问题。他们的 PC 设置为深色模式,他们使用的是 Windows 10 上的 Microsoft Outlook。

他们将其中一封电子邮件转发给了他们的 IT 经理,在 IT 经理的设备上,浅灰色文本显示为黑色。

论坛中的设置“default dark mode color scheme id”设置为 None。只有一个活动主题:Default,颜色方案为 Light (default),没有自定义 CSS/HTML。

4 个赞

我们也遇到了类似的问题。

有什么建议可以帮助我们缩小问题范围吗?

我们收到用户报告称,他们的电子邮件通知中的文本颜色非常浅,难以阅读:

此行为似乎仅发生在 Outlook Web App 中。其他人遇到过这个问题吗?我想知道这是由 Discourse 还是 Outlook 应用引起的,以及我们是否可以采取任何措施来解决。

你好,欢迎你 @Anna_at_Skuid :slightly_smiling_face:

我已经将你的帖子合并到这个关于相同问题的 Bug 主题中,以便将它们归类在一起。:+1:

3 个赞

我可以在 Windows 10 Enterprise, version 20H2 上的 Microsoft Edge (Version 106.0.1370.47 (Official build) (64-bit))、Firefox 106.0.1 (64-bit) 和 Chrome (Version 106.0.5249.119 (Official Build) (64-bit)) 上使用 Web Outlook App 复现此问题。

Windows 10 设置 > 个性化 > 颜色 >
然后执行以下任一操作:
选择你的颜色:自定义。
选择你的默认应用模式:深色。
或者:
选择你的颜色:深色。

Outlook Web App > 设置 > 深色模式:关闭。

这似乎是来自新版本电子邮件(例如)的 CSS 样式中的颜色属性?

<div class="rps_735d"><div dir="ltr" style="line-height:1.4; text-align:left"><p>Hooray, a new version of <a href="https://www.discourse.org" target="_blank" rel="noopener nofollow ugc noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="0"><span data-markjs="true" class="mark95gsb08l7" style="background-color: rgb(255, 241, 0); color: black;" data-ogac="" data-ogab="" data-ogsc="" data-ogsb="">Discourse</span></a> is available!</p><p>Your version: 2.9.0.beta9<br aria-hidden="true">New version: <strong>2.9.0.beta10</strong></p><ul style="margin:0 0 0 10px; padding:0 0 0 20px"><li style="padding-bottom:10px"><p>Upgrade using our easy <strong><a href="https://forum.step.org/admin/upgrade" target="_blank" rel="noopener noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="1">one-click browser upgrade</a></strong></p></li><li style="padding-bottom:10px"><p>See what’s new in the <a href="https://meta.discourse.org/tag/release-notes" target="_blank" rel="noopener nofollow ugc noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="2">release notes</a> or view the <a href="https://github.com/discourse/discourse/commits/main" target="_blank" rel="noopener nofollow ugc noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="3">raw GitHub changelog</a></p></li><li style="padding-bottom:10px"><p>Visit <a href="https://meta.discourse.org" target="_blank" rel="noopener nofollow ugc noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="4">meta.<span data-markjs="true" class="mark95gsb08l7" style="background-color: rgb(255, 241, 0); color: black;" data-ogac="" data-ogab="" data-ogsc="" data-ogsb="">discourse</span>.org</a> for news, discussion, and support for <span data-markjs="true" class="mark95gsb08l7" style="background-color: rgb(255, 241, 0); color: black;" data-ogac="" data-ogab="" data-ogsc="" data-ogsb="">Discourse</span></p></li></ul><h3 style="margin:30px 0 10px"><a name="x_release-notes-1" href="#x_release-notes-1" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="5"></a>Release notes</h3><p>Read about the release here:</p><p><a href="https://meta.discourse.org/t/2-9-0-beta10-sidebar-new-notification-menu-security-fixes-and-more/239858" target="_blank" rel="noopener nofollow ugc noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="6">https://meta.<span data-markjs="true" class="mark95gsb08l7" style="background-color: rgb(255, 241, 0); color: black;" data-ogac="" data-ogab="" data-ogsc="" data-ogsb="">discourse</span>.org/t/2-9-0-beta10-sidebar-new-notification-menu-security-fixes-and-more/239858</a></p><p>This release includes security fixes, so please update as soon as possible.</p><div style="display:none; white-space:nowrap; font:15px courier; line-height:0">                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             

各位朋友,

抱歉这么晚才回复,我们复现了在一个特定场景下出现的问题并合并了一个修复。如果您是托管客户,修复将在接下来的一周左右应用到您的实例中。


复现问题的特定场景是使用运行在设置为暗黑模式的操作系统上的默认 Outlook Web 应用。

该组合导致一些暗黑模式样式被应用于邮件模板中的元素。这是因为 Outlook Web 会尊重 @media (prefers-color-scheme:dark)(因为操作系统处于暗黑模式),即使 Outlook Web 本身并未处于暗黑模式。这基本上是 Outlook Web 的一个 bug。

尽管如此,我们已经实现了一个最小化的修复。这是核心代码中相关的提交:

6 个赞