# 摘要邮件：标志颜色/背景冲突（浅色/深色模式）

**URL:** <https://meta.discourse.org/t/digest-email-logo-color-background-conflict-light-dark-mode/279472>\
**Category:** Product Support\
**Tags:** activity-summary\
**Created:** [2023 年9 月 19 日 07:28 UTC](https://meta.discourse.org/t/digest-email-logo-color-background-conflict-light-dark-mode/279472 "2023-09-19T07:28:24Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

作者： ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)\
发布日期： [2023 年9 月 19 日 18:14 UTC](https://meta.discourse.org/t/digest-email-logo-color-background-conflict-light-dark-mode/279472/2 "2023-09-19T18:14:22Z")

</div>

> [@ToddZ](#):
>
> 然而，当我在 iPhone 的 Gmail 应用中收到设备暗模式下的摘要时，徽标背景区域会反转为白色（ish），导致徽标几乎看不见：

只是为了确认，您是否对位于“管理”/“自定义”/“电子邮件样式”中的 Discourse HTML 电子邮件模板进行了任何更改？另外，您是否在该页面上的 CSS 选项卡中添加了任何 CSS？

另外，您的站点上是否启用了“将自定义样式应用于摘要”站点设置？该设置默认启用。

假设您所做的任何自定义都没有导致此问题，我猜测发生的情况是默认 Discourse 电子邮件模板中的 `%{dark_mode_styles}` 占位符将被通过此方法添加的 CSS 替换：

> <https://github.com/discourse/discourse/blob/main/app/helpers/email_helper.rb#L50>

该方法将以下 CSS 添加到模板中：

```css
[dm='header'] {
  background: #151515 !important;
}

```

该 CSS 旨在在设备设置为暗模式查看电子邮件时使摘要标题变暗，但也许某些设备会忽略 `!important` 指令并显示反转的颜色。

我无法在我的 Android 手机上重现此问题。我没有 iPhone 可以进行测试。也许其他人可以在 iPhone 的暗模式下尝试查看摘要电子邮件？

---

_[View the full topic](https://meta.discourse.org/t/digest-email-logo-color-background-conflict-light-dark-mode/279472)._