# 如何将背景颜色从默认的白色更改为黑色

**URL:** <https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526>\
**Category:** Support\
**Created:** [2024年十月24日 11:18 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526 "2024-10-24T11:18:34Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![Muccku](https://avatars.discourse-cdn.com/v4/letter/m/7feea3/32.png) [@Muccku](https://meta.discourse.org/u/Muccku)\
**Post date:** [2024年十月24日 11:18 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/1 "2024-10-24T11:18:34Z")

</div>

我研究了很长时间，但仍然没有成功。

我去了“外观”\>“配色方案”\>“深色”。我想要这个效果，深色背景和灰色文本。但是，我找不到应用到网站的按钮。

我在论坛上浏览过，它需要更改 CSS 代码。但是，通过管理员帐户，我找不到编辑代码的地方。

有人能给我指明正确的方向吗？对您来说可能只需要几分钟的打字时间，但对我来说已经花费了 1 小时的研究。非常感谢！

我想实现类似下面的图片的效果

 ![4171e5eaa2882b71496afabf7c2cc7d6155ed050_2_1214x1000](https://global.discourse-cdn.com/meta/original/4X/3/b/1/3b19929712b9391410c6df0e48086ff85a621b6c.png)

---

<div class="post-metadata">

**Author:** ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)\
**Post date:** [2024年十月24日 11:20 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/2 "2024-10-24T11:20:09Z")

</div>

您可以选择一个深色主题，或者转到“管理”\>“自定义”并手动更改 CSS。

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2024年十月24日 11:20 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/3 "2024-10-24T11:20:35Z")

</div>

您需要为您的主题选择配色方案  
转到管理员 → 主题并更改调色板

---

<div class="post-metadata">

**Author:** ![Muccku](https://avatars.discourse-cdn.com/v4/letter/m/7feea3/32.png) [@Muccku](https://meta.discourse.org/u/Muccku)\
**Post date:** [2024年十月24日 11:25 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/4 "2024-10-24T11:25:46Z")

</div>

哦，原来是这样……因为我还在使用试用版（20天），所以管理员 \> 主题部分才无法正常工作。难怪我查看了所有标签页都没有结果。感谢您的快速回复！！

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/d/6/7d6be323e1627d2ed8942c6f959682bccfadb17d.png)

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2024年十月24日 11:33 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/5 "2024-10-24T11:33:27Z")

</div>

这很令人惊讶。由于 Discourse 没有隐藏配色方案部分，也许有其他方法可以添加它 🤔  
更改 `default dark mode color scheme id` 站点设置会发生什么？

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2024年十月24日 11:38 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/6 "2024-10-24T11:38:29Z")

</div>

这是我使用深色模式查看您的网站的样子：

 ![Screenshot_20241024_133641_Firefox](https://global.discourse-cdn.com/meta/original/4X/9/0/a/90ad2b13fb62d7d8848c6b7f4e5ce178967fe5aa.jpeg)

---

<div class="post-metadata">

**Author:** ![Muccku](https://avatars.discourse-cdn.com/v4/letter/m/7feea3/32.png) [@Muccku](https://meta.discourse.org/u/Muccku)\
**Post date:** [2024年十月24日 11:40 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/7 "2024-10-24T11:40:42Z")

</div>

你好 Moin，

这是我所拥有的。它没有一个按钮让我应用配色方案。它给了我 CSS 代码，但我不知道在哪里可以应用 CSS 代码。我找不到 NateDhaliwal 建议的“自定义”。

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/c/c/4ccd3d7ed6ea3272b8d290333b6f1ceeb2e39c4c.png)

如果我点击“复制到剪贴板”，然后粘贴到记事本中。我看到的是这个。

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/3/f/23f52706b6d92bfc2e222eab4fde94d66c2adde7.png)

---

<div class="post-metadata">

**Author:** ![Muccku](https://avatars.discourse-cdn.com/v4/letter/m/7feea3/32.png) [@Muccku](https://meta.discourse.org/u/Muccku)\
**Post date:** [2024年十月24日 11:41 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/8 "2024-10-24T11:41:38Z")

</div>

太棒了！这正是我想要的（我稍后会更改徽标），但我的主页仍然显示为白色背景。

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2024年十月24日 11:42 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/9 "2024-10-24T11:42:21Z")

</div>

您是否在浏览器或设备的设置中启用了深色模式？

> **[How to Enable Dark Mode on Your Browser](https://uk.pcmag.com/browsers/135885/how-to-enable-dark-mode-on-your-browser)**
>
> Don't let a bright screen mess with your eyes. Here's how to enable dark mode in Chrome, Firefox, Safari, and Edge.

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2024年十月24日 11:44 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/10 "2024-10-24T11:44:32Z")

</div>

您在 [https://pu.discourse.group/my/preferences/interface](https://pu.discourse.group/my/preferences/interface) 看到什么？您可以在那里选择配色方案吗？

 ![Screenshot_20241024_134454_Firefox](https://global.discourse-cdn.com/meta/original/4X/6/3/1/6319124f12609844c22d0264db3d9f565063b20c.jpeg)

---

<div class="post-metadata">

**Author:** ![Muccku](https://avatars.discourse-cdn.com/v4/letter/m/7feea3/32.png) [@Muccku](https://meta.discourse.org/u/Muccku)\
**Post date:** [2024年十月24日 11:51 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/11 "2024-10-24T11:51:31Z")

</div>

检查过了。我不认为我启用了黑暗模式。颜色是默认的蓝色

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/8/f/d8f30ea039ea10b2947be63d82bb2c0b76b97237.jpeg)

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2024年十月24日 11:52 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/12 "2024-10-24T11:52:43Z")

</div>

您也可以在浏览器中选择深色模式

---

<div class="post-metadata">

**Author:** ![Muccku](https://avatars.discourse-cdn.com/v4/letter/m/7feea3/32.png) [@Muccku](https://meta.discourse.org/u/Muccku)\
**Post date:** [2024年十月24日 11:52 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/13 "2024-10-24T11:52:53Z")

</div>

我实际上没有看到与您的图片类似的内容。

我没有选择“常规”或“黑暗模式”的选项。您在哪个选项卡？

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/5/1/2512509ea394f85ed3be4f83ea6c56804421e839.png)

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2024年十月24日 11:54 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/14 "2024-10-24T11:54:00Z")

</div>

> [@Muccku](#):
>
> 您在哪个标签页？

[https://meta.discourse.org/my/preferences/interface](https://meta.discourse.org/my/preferences/interface)

但我不知道哪些条件会显示或隐藏偏好设置中的配色方案部分。所以有可能在您的网站上它被隐藏了。

---

<div class="post-metadata">

**Author:** ![Muccku](https://avatars.discourse-cdn.com/v4/letter/m/7feea3/32.png) [@Muccku](https://meta.discourse.org/u/Muccku)\
**Post date:** [2024年十月24日 12:03 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/15 "2024-10-24T12:03:54Z")

</div>

OHHHH，非常感谢您发送的链接，这样我就知道需要更改什么了。我现在明白了。它在另一个标题下……在进入管理员之前

所以您转到汉堡包按钮（三条线图标），选择首选项

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/c/b/dcb709ffa9f26491b61bae779cb07aff1374bac6.png)

首先选择首选项，然后选择界面。颜色方案是第一个要更改的项目。

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/3/6/7368f0a0cffbb16bcdd4389a3fa682297e6095a4.png)

---

<div class="post-metadata">

**Author:** ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)\
**Post date:** [2024年十月24日 12:14 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/16 "2024-10-24T12:14:30Z")

</div>

对于 Windows，深色模式应位于“个性化”菜单的“颜色”部分下。

---

<div class="post-metadata">

**Author:** ![Muccku](https://avatars.discourse-cdn.com/v4/letter/m/7feea3/32.png) [@Muccku](https://meta.discourse.org/u/Muccku)\
**Post date:** [2024年十月24日 12:30 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/17 "2024-10-24T12:30:20Z")

</div>

谢谢！ 我不认为我在黑暗模式下

---

<div class="post-metadata">

**Author:** ![Muccku](https://avatars.discourse-cdn.com/v4/letter/m/7feea3/32.png) [@Muccku](https://meta.discourse.org/u/Muccku)\
**Post date:** [2024年十月24日 12:31 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/18 "2024-10-24T12:31:37Z")

</div>

您好 Moin，在我注销并使用访客账户访问论坛后，它是白色背景。所以我认为偏好设置的更改仅针对我的“账户”，而不是论坛设置。

不过，我们已经尝试过，我想我必须升级到标准模式才能更改背景颜色（我猜）。

再次感谢您的时间。

---

<div class="post-metadata">

**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\
**Post date:** [2024年十月24日 12:39 UTC](https://meta.discourse.org/t/how-to-change-the-background-color-from-the-default-white-to-black/332526/19 "2024-10-24T12:39:11Z")

</div>

是的。您的偏好设置仅对您自己有效。默认的配色方案通常基于主题。所以我不知道这是否适用于您当前的托管计划。我对不同托管计划的细节不太了解。一般来说，作为托管客户，您也可以联系 Discourse 团队，而不是向社区寻求支持。他们对他们的托管比论坛上的普通成员了解得多。
