Discourse 现已支持从远程仓库导入配色方案。下面我将演示如何操作。
导航至颜色设置并添加配色方案
前往您网站的 /admin/customize/colors 页面，创建一个新的配色方案。
提示：
-
我使用了一个 Chrome 插件（颜色选择器）来从网络上的现有调色板图片中选择颜色。
-
如果您创建了主题，请将配色方案分配给该主题并进行预览，更改将实时反映。
创建包含配色方案的新 Git 仓库
mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json
在 about.json 中添加一个骨架配置文件：
{
"name": "My awesome color schemes",
"about_url": "",
"license_url": "",
"color_schemes": {}
}
添加一个 LICENSE 文件，我 通常使用 MIT 许可证。
vim LICENSE
将更改推送到 GitHub
提交所有更改：
git add LICENSE
git add about.json
git commit -am "first commit"
在 GitHub.com 上创建账户，然后新建一个仓库。
（可选）在 Discourse 上创建一个主题作为讨论您配色的主页
理想情况下，您应在 #plugin:theme 类别中创建一个主题，并附上配色方案的截图。您将在 about_url 中使用该主题链接。
填写 about.json 文件中缺失的信息
-
前往 GitHub 上的 LICENSE 页面，将该 URL 填入
license_url。 -
使用 GitHub 项目链接或 Discourse 主题链接作为
about_url。 -
在您的配色方案页面点击「复制到剪贴板」，然后将内容粘贴到
color_schemes部分。
完成上述步骤后，您的 about.json 文件将类似如下：
{
"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"
}
}
}
提交更改并推送到 GitHub：
git commit -am "added more details"
git push
测试您的配色方案是否正确
- 删除本地配色方案。
- 在
admin/customize/theme界面中，从 GitHub 导入您的主题。
- 访问
admin/customize/colors，确保您的配色方案显示正确。
现在您可以轻松与他人分享您的配色方案了！
另请参阅：
最后由 @SaraDev 于 2022-06-03T01:00:00Z 审阅
本文档已进行版本控制——如有修改建议，请 在 GitHub 上提出。