颜色调色板设置未被反映

开发
1

我有一个新的 discourse 安装，并为新主题创建了脚手架。首先，我编辑了配色方案，使用了名为 Flexoki 的方案。您可以在此处查看：

我已经通过 GitHub 在我的 discourse 实例中添加并选择了该主题，但没有任何颜色设置得到反映，而是我只看到了 Flexoki Light 和 Dark 的默认颜色。有什么故障排除的帮助吗？

Screenshot 2025-01-25 at 21.40.35
Screenshot 2025-01-25 at 21.40.352134×1850 344 KB

1 个赞
2

是的，首先有几件事需要检查：

  1. 确保您的主题选择了特定的配色方案：

The image shows a settings page for a website theme customization with options for background image upload, color palette selection, and theme visibility. (Captioned by AI)
The image shows a settings page for a website theme customization with options for background image upload, color palette selection, and theme visibility. (Captioned by AI)2224×1364 332 KB

  1. 如果该设置正确但仍显示错误的配色方案，请确保您的个人资料设置未选择错误的配色方案：

The image shows a user interface with options for changing the color palette and theme settings, including a note about previewing dark mode on a device where dark mode is enabled. (Captioned by AI)
The image shows a user interface with options for changing the color palette and theme settings, including a note about previewing dark mode on a device where dark mode is enabled. (Captioned by AI)1680×1485 182 KB

4 个赞
3

谢谢，这两个都不是问题。正如截图所示，用户界面显示 flexoki 主题只是默认的 discourse 颜色。不知何故，调色板根本没有被解析。

1 个赞
4

我可能眼花了。但来回切换看起来你上传的调色板是 light 的副本

图片显示了两个名为“Light”和“Flexoki Light”的光照系统的调色板对比，每个系统都由黑色和白色矩形组成，并以不同的组合排列着各种蓝色、红色、黄色、绿色、粉色和浅蓝色。 (AI 标注)
图片显示了两个名为“Light”和“Flexoki Light”的光照系统的调色板对比，每个系统都由黑色和白色矩形组成，并以不同的组合排列着各种蓝色、红色、黄色、绿色、粉色和浅蓝色。 (AI 标注)864×208 11.7 KB

转到 Theme 并选择一个具有不同外观的调色板，然后尝试切换到该调色板。

5

啊，我现在明白了你的意思。所以 Discourse 没有读取这些颜色：

"color_schemes": {
    "Flexoki Light": {
      "primary": "#100F0F",
      "secondary": "#FFFCF0",
      "tertiary": "#205EA6",
      "quaternary": "#AF3029",
      "header_background": "#F2F0E5",
      "header_primary": "#6F6E69",
      "highlight": "#ECCB60",
      "danger": "#AF3029",

问题出在上面——它没有使用文件中列出的颜色^^

1 个赞
6

文件布局是否存在问题？导致其默认设置？

最好直接在 Discourse 中创建新的配色方案并输入这些值，而不是导入主题。

7

我查看了文件的语法。在我以前的调色板方案中，每个十六进制字符串都没有 #。

如果您将每个十六进制字符串更改为不以 # 开头，我认为它可能会正确解析。

Discourse 颜色方案的示例指南中也是如此：

{
   "name" : "Solarized",
   "about_url" : "https://github.com/SamSaffron/discourse-solarized",
   "license_url": "https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE",
   "color_schemes": {
      "Solarized Light": {
        "primary": "586E75",
        "secondary": "EEE8D5",
        "tertiary": "268BD2",
        "quaternary": "CB4B16",
        "header_background": "002B36",
        "header_primary": "93A1A1",
        "highlight": "B58900",
        "danger": "CB4B16",
        "success": "859900",
        "love": "DC322F"
      }
   }
}
7 个赞
8

啊！！谢谢！马上就试试这个修复方法，这看起来是正确的答案。

2 个赞