# 如何自定义 horizon 主题的颜色？

**URL:** https://meta.discourse.org/t/how-to-customize-colors-on-horizon-theme/387353
**Category:** Support
**Tags:** customization, horizon-theme, color-palettes
**Created:** [2025年十一月1日 10:55 UTC](https://meta.discourse.org/t/how-to-customize-colors-on-horizon-theme/387353 "2025-11-01T10:55:04Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![DevTeVe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/devteve/32/487601_2.png) [@DevTeVe](https://meta.discourse.org/u/DevTeVe)
#### Post date: [2025年十一月1日 10:55 UTC](https://meta.discourse.org/t/how-to-customize-colors-on-horizon-theme/387353/1 "2025-11-01T10:55:04Z")

</div>

我喜欢这个主题， ~~但我觉得黑暗模式对我来说太暗了，我想稍微调整一下黑暗面板，但我做不到……是我遗漏了什么吗？~~

是的，是我没有做对 😃 你可以编辑颜色，但要确保你选择了正确的调色板，从我能看到的来看，你需要一个同名的浅色和深色才能很好地工作。

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [2025年十一月1日 15:42 UTC](https://meta.discourse.org/t/how-to-customize-colors-on-horizon-theme/387353/2 "2025-11-01T15:42:20Z")

</div>

看起来你已经解决了，但想确保你看到了关于配置调色板的说明。Horizon 默认有很多用户可选择的调色板（十二个！包括浅色和深色），所以最好按“horizon”进行筛选以查看所有调色板。

> [@lindsey](#):
>
> 1. 在管理员侧边栏中点击 **Color palettes** （颜色调色板）。
> 2. 选择所需的颜色调色板（例如，Horizon）。
> 3. 勾选 **Color palette can be selected by users** （颜色调色板可由用户选择）设置，然后点击勾号进行确认。
> 4. 对您想要使用的任何调色板重复步骤 2-3。
> 
> 刷新后，您将在侧边栏底部看到一个画笔图标。您可以点击它来为 Horizon 选择特定的颜色调色板（如上图所示）。您的成员也可以这样做，以便在您启用的任何调色板之间进行选择。要为 Horizon 设置新的默认调色板（即，在成员进行任何更改之前 Horizon 的外观以及匿名访问者的外观）：
> 
> 1. 在管理员区域转到 **Themes & components** （主题和组件）。
> 2. 找到 Horizon 卡片并点击 **Edit** （编辑）。
> 3. 将 **Color Palette** （颜色调色板）字段更改为您想要的默认值。

---

<div class="post-metadata">

### Author: ![DevTeVe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/devteve/32/487601_2.png) [@DevTeVe](https://meta.discourse.org/u/DevTeVe)
#### Post date: [2025年十一月1日 15:45 UTC](https://meta.discourse.org/t/how-to-customize-colors-on-horizon-theme/387353/3 "2025-11-01T15:45:26Z")

</div>

是的！我注意到的另一件事是，要在左下角的选择器中显示它，您必须像原始名称一样命名它。例如，`my pallete Violet` 会使其显示，但仅命名为 `my pallete` 则不会。

最后，我不知道如何更改选择调色板时左侧的提示颜色 😃

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

无论如何，非常感谢您花时间阅读和回复 ❤

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [2025年十一月1日 15:52 UTC](https://meta.discourse.org/t/how-to-customize-colors-on-horizon-theme/387353/4 "2025-11-01T15:52:47Z")

</div>

你说得对，好极了！我没想到这一点。颜色选择器是 horizon 主题的一部分，在其他主题上不可用，而且颜色名称似乎是硬编码的。

编辑：我已将此添加到 horizon 公告主题中。感谢您为改进 Discourse 所做的贡献！

> [@lindsey](#):
>
> > ⚠ 注意：您可以替换 Horizon 上使用的调色板，但只有名为 Clover、Horizon、Lily、Marigold、Royal 和 Violet 的调色板才会出现在侧边栏的颜色选择器中。

---

<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: [2025年十二月1日 15:56 UTC](https://meta.discourse.org/t/how-to-customize-colors-on-horizon-theme/387353/6 "2025-12-01T15:56:05Z")

</div>

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