更平滑的调色板编辑

公告
1

隆重推出社区品牌管理新演进——重新设计的色彩方案创建和编辑界面！

此更新建立在我们近期的色彩方案管理改进和增强的亮暗模式处理之上，为管理员提供了一种更顺畅的方式来定制站点的外观。

:sparkles: 新增功能？

新的色彩方案界面无缝集成了整体管理员设计系统，提供了统一的体验，使色彩方案管理既强大又易于上手。

新的色彩方案编辑界面。
新的色彩方案编辑界面。1540×2029 286 KB

新界面包括：

  • 集成式设计，符合现代管理员界面的美学。

  • 清晰的命名，确保您了解每种颜色的应用方式。

  • 更顺畅的工作流程，用于创建新色彩方案或修改现有色彩方案。

  • 默认色彩方案控件，直接从编辑界面进行操作，适用于亮模式和暗模式。

创建新色彩方案时，您现在可以在选择基础色彩方案之前看到其视觉预览：

基础色彩方案的预览。
基础色彩方案的预览。1214×790 44.5 KB

这与现在在选择色彩方案的其他区域（色彩方案列表页面、用户偏好设置和主题设置）中提供的预览相匹配。

:rocket: 如何访问新界面

所有 Discourse 站点现已提供新的色彩方案 UI！您可以通过以下方式访问：

  1. 转到管理员 → 外观 → 色彩方案

  2. 点击任意现有色彩方案上的编辑，或点击新建按钮来创建新色彩方案。

此最新更新代表了我们持续致力于为管理员提供强大、用户友好的工具，以定制其 Discourse 社区的外观。

增强的界面比以往任何时候都更容易创建精美、品牌化的体验，为您的会员提供服务，同时保持您所需的灵活性和控制力。

对新界面有疑问或反馈？我们很乐意在下面的回复中听到您的声音！

13 个赞
2

是否可以允许更精细的颜色设置？要获得输入颜色代码的细微色调需要进行大量计算，而且并非所有这些计算在某些场景下都效果很好。我通常会在自定义 CSS 中进行设置，但我设置了 Horizon 主题，它无法编辑 CSS。因此，我意识到这无论如何都属于颜色配置设置。

3

您可以向 Horizon 添加自定义组件，并在其中添加自定义 CSS。

1 个赞
4

这听起来很棒，但我的观点更普遍（不只是针对 Horizon）。如果颜色方案功能旨在允许用户随意切换颜色方案，那么自定义 CSS 帮助不大。从架构角度来看，自定义 CSS 必须分配给每种颜色方案。

5

您能否提供更多关于您想用更精细的颜色设置做什么的背景信息？这将有助于我们了解是否可以在调色板用户界面中进行改进，或者自定义 CSS 是否是最佳解决方案。

6

我目前的问题是关于第三种颜色。假设我选择的颜色是 #f7b618。这是一种浅黄色，我想在某个地方使用它。将其用作按钮颜色看起来很棒，但按钮文本是白色的。但是，如果我设置了按钮文本，它会更改其他颜色。我猜问题在于您假设我选择了一种深色，因此按钮文本将是浅色。

此外，所有色调都是根据第三种颜色计算的。例如，侧边栏背景（仍然是关于 Horizon 主题）。我可能想为它选择其他颜色（例如，只是灰色）。

因此，每当我对比色有点挑剔并且我想让用户选择一个调色板（我同意这可能有点矛盾）时，我可能会使用基于自定义 CSS 的调色板。

另一种选择是某种高级模式，您允许分配任何颜色变量。不仅仅是这 12 个主要的。然后您将停止计算，让我手动调整所有颜色，但仍然使用 UI。

7

我认为高级模式已在 Create and share a color scheme 中有所介绍。

我认为你可以使用 Targetable Color Schemes 来仅为一种颜色方案覆盖某些内容。

2 个赞
8

我明白了，我在 Reference for full color customization 找到了更多细节。它甚至在 UI 中显示了它们！太棒了。谢谢！

2 个赞
9

听起来您已经解决了问题。自定义 CSS 结合 Targetable Color Schemes 组件是一个强大的组合，添加额外的颜色字段也非常有用。

1 个赞
10

是的，但如果可能的话，我首先会尝试使用 https://meta.discourse.org/t/reference-for-full-color-customization/255158。也许只需要访问所有计算出的变量并硬编码我喜欢的值。甚至可能不需要 CSS。但如果需要，可定位配色方案绝对是可行的方法。

1 个赞