# 如何修改新邮件确认后的确认页面颜色？

**URL:** <https://meta.discourse.org/t/how-can-i-edit-the-colours-for-the-confirmation-page-after-confirming-a-new-email/251193>\
**Category:** Support\
**Tags:** accessibility\
**Created:** [2023年一月9日 19:19 UTC](https://meta.discourse.org/t/how-can-i-edit-the-colours-for-the-confirmation-page-after-confirming-a-new-email/251193 "2023-01-09T19:19:03Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![H\_A](https://avatars.discourse-cdn.com/v4/letter/h/a9a28c/32.png) [@H\_A](https://meta.discourse.org/u/H_A)\
**Post date:** [2023年一月9日 19:19 UTC](https://meta.discourse.org/t/how-can-i-edit-the-colours-for-the-confirmation-page-after-confirming-a-new-email/251193/1 "2023-01-09T19:19:03Z")

</div>

大家好！

我需要一些支持来解决我遇到的一个可访问性问题（见附图）。

1. 向我的帐户添加新的电子邮件地址，
2. 收到“确认新电子邮件地址”电子邮件，
3. 点击链接确认新电子邮件地址，
4. 查看“confirm-new-email”页面 - “您的电子邮件已更新”以及返回社区的按钮。

新电子邮件后的确认屏幕不符合 GDS 标准。该按钮是可编辑的，因为有人设置了自定义消息。颜色方案不符合可访问性要求，因为它不易阅读，并且按钮看起来不可点击，但实际上它们是可点击的。

我在哪里可以找到更改该页面颜色方案的设置？

 ![image-2023-01-03-17-53-10-338](https://global.discourse-cdn.com/meta/original/4X/a/e/a/aea1bb84ac49f33280c5578f1dd95cb6768bad5c.png)

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2023年一月9日 20:25 UTC](https://meta.discourse.org/t/how-can-i-edit-the-colours-for-the-confirmation-page-after-confirming-a-new-email/251193/3 "2023-01-09T20:25:47Z")

</div>

您好 Haroon，感谢您的反馈。

我查看了该页面，发现 Discourse 在该按钮上缺少一个类（`.btn-primary`），该类会从您的主题中引入相关的样式。我已经对我们的代码进行了更改，在我们的代码经过审核和合并后，我们可以更新您的网站来修复此问题（由于我们托管您的网站，因此您无需进行任何其他操作）。

> <https://github.com/discourse/discourse/pull/19803>
>
> This helps a customer that noticed some missing styles on this button.

---

<div class="post-metadata">

**Author:** ![H\_A](https://avatars.discourse-cdn.com/v4/letter/h/a9a28c/32.png) [@H\_A](https://meta.discourse.org/u/H_A)\
**Post date:** [2023年一月10日 11:43 UTC](https://meta.discourse.org/t/how-can-i-edit-the-colours-for-the-confirmation-page-after-confirming-a-new-email/251193/5 "2023-01-10T11:43:43Z")

</div>

> [@awesomerobot](#):
>
> 您好 Haroon，感谢您报告此问题。
> 
> 我查看了此页面，发现 Discourse 在该按钮上缺少一个类（`.btn-primary`），该类会从您的主题中引入相关的样式。我已经对我们的代码进行了此更改，在我们的内部进行审核和合并后，我们可以更新您的网站来修复此问题（由于我们托管您的网站，因此您无需进行任何进一步的操作）。

太棒了，感谢您对此的关注！我们大概什么时候能看到这个上线？  
您知道在哪里可以找到修改/调整该按钮颜色的设置吗？

---

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [2023年一月10日 16:10 UTC](https://meta.discourse.org/t/how-can-i-edit-the-colours-for-the-confirmation-page-after-confirming-a-new-email/251193/6 "2023-01-10T16:10:20Z")

</div>

您的网站在几分钟前已更新，因此该按钮现在应该已修复。

> [@H\_A](#):
>
> 您知道在哪里可以找到修改/调整该按钮颜色的设置吗？

没有用于调整单个按钮样式的设置，在这种情况下，更新为此按钮添加了 `.btn-primary` 类（该类用于 Discourse 中的许多按钮）— 该按钮类型的样式由您在管理 → 自定义 → 主题中找到的主题 CSS 覆盖。

---

<div class="post-metadata">

**Author:** ![H\_A](https://avatars.discourse-cdn.com/v4/letter/h/a9a28c/32.png) [@H\_A](https://meta.discourse.org/u/H_A)\
**Post date:** [2023年一月10日 16:15 UTC](https://meta.discourse.org/t/how-can-i-edit-the-colours-for-the-confirmation-page-after-confirming-a-new-email/251193/7 "2023-01-10T16:15:58Z")

</div>

谢谢 Kris，我们感谢您的及时支持。

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\
**Post date:** [2023年二月9日 16:16 UTC](https://meta.discourse.org/t/how-can-i-edit-the-colours-for-the-confirmation-page-after-confirming-a-new-email/251193/8 "2023-02-09T16:16:00Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
