| 摘要 | 标题渐变和编辑器渐变 | |
| 预览 | Theme Creator | |
| 代码库 | GitHub - tracey-le/discourse-header-gradient: Gradient header - Discourse theme component | |
| 安装指南 | 如何安装主题或主题组件 | |
| 初次使用 Discourse 主题? | Discourse 主题使用入门指南 |
安装此主题组件
简单的彩虹渐变标题和编辑器,作为主题组件——因此您可以将其添加到其他主题中。
屏幕截图
设置和信息
标题图标颜色
在您的配色方案中,您可以通过标题主要和标题背景颜色来控制标题中图标的颜色。(我想调整一下,这样只需要设置一个变量而不是两个)
我不想硬编码此颜色,以防人们将此组件安装到多个主题中(例如,具有深色和浅色调的配色方案)
以下是如何更改图标颜色的方法:
- **白色:**您可以将这两个值都设置为
#ffffff
- **黑色:**您可以将这两个值都设置为
#000000
供参考:必须同时设置这两个值的原因是,实际的标题图标颜色取决于标题主要颜色与标题背景颜色的混合。
鸣谢
感谢 Ghost cyberpunk 主题、Peacock Gradient 主题 和 Discourse Rainbow 主题,多年来我从中获得了灵感或使用了代码(我在主题代码的注释中为每个部分添加了鸣谢)
待办事项:
-
我希望弄清楚如何将渐变颜色设为可自定义的主题设置——只是从未有机会真正研究过。
-
使您可以通过仅设置标题主要颜色来自定义标题图标的颜色(标题背景颜色对用户无关紧要,因为整个标题背景都是彩虹渐变)


