帮助更改按钮颜色

支持
1

回到这个帖子：

最新构建中又发生了变化，Kris 精美的 CSS 解决方案不再适用。我花了一个小时在 CSS 中查找，但尚未找到优雅的解决方案。有人有想法吗？

2

我不清楚最近是否有导致此问题的变更。不过好消息是，如果您最近进行过更新，就应该可以使用这项新功能：

这意味着您不再需要查找所有使用 $primary-low 颜色的选择器并逐一覆盖它们。您只需在一个地方进行修改即可。这个位置就是您主题的 about.json 文件，在其中您 定义了调色板。

例如，假设您的调色板如下所示：

"Solarized Light": {
  "primary": "586E75",
  "secondary": "EEE8D5",
  "tertiary": "268BD2",
  "quaternary": "CB4B16",
  "header_background": "002B36",
  "header_primary": "93A1A1",
  "highlight": "B58900",
  "danger": "CB4B16",
  "success": "859900",
  "love": "DC322F"
}

您只需在此处定义 primary-low 即可覆盖 $primary-low，方法如下：

"Solarized Light": {
  "primary": "586E75",
+ "primary-low": "FF0000",
  "secondary": "EEE8D5",
  "tertiary": "268BD2",
  "quaternary": "CB4B16",
  "header_background": "002B36",
  "header_primary": "93A1A1",
  "highlight": "B58900",
  "danger": "CB4B16",
  "success": "859900",
  "love": "DC322F"
}

之后，新颜色将自动在所有地方使用，取代 Discourse 为您生成的颜色。

如果您的主题不是远程主题（即它是在您的 Discourse 站点后台的“管理 > 自定义”中创建的），那么您需要先将其导出，进行上述修改，然后再重新导入——因为这是一项新功能，尚未完全集成到用户界面中。

3

效果非常好，谢谢你，Joe！