jdc20181
2026 年3 月 7 日 19:30
1
TagStyleTool 是对 (3) 个现有组件的改进版本，允许自定义 Discourse 上标签的外观！
v0.2
特性：
解决了兼容性问题（特别是“移除连字符”和“标签图标”之间的问题）
为特定标签分配一个 Font Awesome 图标。
添加了为任何未定义的标签应用默认标签图标的选项。
反转继承，例如标签或文本颜色
解决了使用标签着色设置时文本颜色对比度的问题。
允许在现有标签样式之间进行选择。
设置的多功能性，允许禁用默认标签或连字符功能。
设置格式与 Tag Icons 相同（并添加了新设置），便于移植/采用。
截至 v0.2
实现一个应用于整个类别的选项。（这有缺点，我认为可以做到，但需要额外的维护）
搜索 FontAwesome 数据库以找到完美的图标！
从视觉颜色选择器中挑选您最喜欢的颜色。
待办事项：
默认标签颜色
针对设置的用户友好性修复
其他：
这是我一段时间以来第一次向公众发布任何东西。如果您遇到问题，请告诉我！
灵感（在某些情况下是格式/设置等）直接采自这些现有项目：Remove Dashes from Tag Names Tag Icons Color Tag Style
有用资源 这两个现已集成到组件中 Font Awesome HTML 颜色选择器
8 个赞
stephtara
2026 年3 月 7 日 20:36
2
我要试试这个！谢谢！！我看了一些标签样式组件，发现安装多个组件很麻烦，所以下次我弄我的设置时会试试你的！
1 个赞
jdc20181
2026 年3 月 7 日 21:05
4
不用担心迷路，我很高兴能尽我所能提供帮助，毕竟这正是 Discourse 的用途，对吧？
Font Awesome 应该 自动支持 Discourse 当前版本中包含的任何 Font Awesome 图标。我相信他们目前支持 v6。您可以在此处 Font Awesome 找到所有图标。
颜色选择器 HTML 颜色选择器
1 个赞
stephtara
2026 年3 月 7 日 21:15
5
谢谢！实际上，在设置界面中提供这两个资源的链接就已经非常有帮助了！
1 个赞
jdc20181
2026 年3 月 8 日 02:48
8
嗯，我取得了一些进展。在推送之前，我仍然需要做一些收尾工作，比如插入逻辑不起作用（复制可以），并且按钮在整个网站上都可见，最明显的是如您所见，它在右下角。
我还
3 个赞
构建器非常棒！我设法先用它来设置了几个标签，然后当我点击绿色的勾号保存设置时，标签样式构建器就消失了。
如果我刷新页面，该按钮会短暂出现然后再次消失。
我也无法让其中一个图标（例如锁孔）显示在标签上，尽管构建器建议使用它。我也把它添加到了 SVG 图标列表中，保存了，但仍然没有效果。
这个功能离完美使用就差一点点了，感谢你们的努力。我希望它能永久取代我使用的其他几个主题组件。
1 个赞
jdc20181
2026 年3 月 9 日 16:24
12
我可以重现按钮消失的情况，那个该死的东西很顽固。我想我已经修复了它。
我想我忘记了关于 Font Awesome 图标的一些事情。你需要进入你网站的设置，然后进入 SVG 子集（SVG Subset），并手动添加它。如果 Discourse 尚未默认使用它，它将不会渲染。尽管如此，即使这样做了，我仍然遇到了它不渲染的问题。我会进一步研究这个问题。
这已经发布了。
2 个赞
我希望如此。
所以，我不得不删除组件并重新安装（两次），才能让构建按钮首先显示出来。
对于最新版本，我可以在初始设置我的标签时让按钮保持显示。我也可以在刷新后让它保持显示。但是，从“主题与组件”返回组件编辑屏幕时，按钮又不见了。狡猾的家伙。
我会研究一下图标部分。既然有一种方法可以关闭默认图标，是否有一种方法可以为彩色标签丢弃标签图标？比如如果它与默认图标集匹配或类似？彩色标签组件的好处是不需要设置图标，我喜欢它的简洁外观，对我来说，复制这种功能会是一个有用的特性。
2 个赞
jdc20181
2026 年3 月 9 日 17:55
14
我正在尝试一些方法，我已经把最新的 beta 包发给你了，如果你在使用中有任何问题，请随时告诉我，因为我正在基于这个代码库进行工作。
它应该能解决其中一些问题。我添加了一个待办事项列表，用于回退到覆盖项，例如 Tag1,Pencil,NoColor 将只渲染 Tag1,Pencil, <Color 如果使用了默认值，True 或 false 使用默认值，否则，不应用颜色>。
这对我是个很棒的学习过程！
1 个赞
一个仅需要颜色而不需要图标的假设场景。
弄明白了如何应用于标签组的所有标签。
我已推送，如果您遇到问题请告诉我。