# 标签样式工具

**URL:** https://meta.discourse.org/t/tag-style-tool/397885
**Category:** Theme component
**Tags:** tags
**Created:** [2026年三月7日 19:30 UTC](https://meta.discourse.org/t/tag-style-tool/397885 "2026-03-07T19:30:43Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![jdc20181](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jdc20181/32/515028_2.png) [@jdc20181](https://meta.discourse.org/u/jdc20181)
#### Post date: [2026年三月7日 19:30 UTC](https://meta.discourse.org/t/tag-style-tool/397885/1 "2026-03-07T19:30:43Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **摘要** | **Tag Style Tool** 允许您自定义标签的外观。 |
| 👓 | **预览** | 待填写 |
| 🛠 | **仓库** | [TagStyleTool on Github](https://github.com/jdc20181/TagStyleTool) |
| ❓ | **安装指南** | [如何安装主题或主题组件](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **Discourse 主题新手？** | [Discourse 主题使用入门指南](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

安装此主题组件

# 关于

**TagStyleTool** 是对 (3) 个现有组件的改进版本，允许自定义 Discourse 上标签的外观！

> **v0.2**  
> 添加了视觉样式构建器 - 允许图标搜索、颜色选择和类别导入！

**特性：**

- 解决了兼容性问题（特别是“移除连字符”和“标签图标”之间的问题）
- 为特定标签分配一个 Font Awesome 图标。
- 添加了为任何未定义的标签应用默认标签图标的选项。
- 反转继承，例如标签或文本颜色
- 解决了使用标签着色设置时文本颜色对比度的问题。
- 允许在现有标签样式之间进行选择。
- 设置的多功能性，允许禁用默认标签或连字符功能。
- 设置格式与 [Tag Icons](https://meta.discourse.org/t/tag-icons/109757/163) 相同（并添加了新设置），便于移植/采用。

**截至 v0.2**

- 实现一个应用于整个类别的选项。（这有缺点，我认为可以做到，但需要额外的维护）
- 搜索 FontAwesome 数据库以找到完美的图标！
- 从视觉颜色选择器中挑选您最喜欢的颜色。

**待办事项：**

- 默认标签颜色 😅 一个仅需要颜色而不需要图标的假设场景。
- 针对设置的用户友好性修复

**其他：**

这是我一段时间以来第一次向公众发布任何东西。如果您遇到问题，请告诉我！

灵感（在某些情况下是格式/设置等）直接采自这些现有项目：  
[Remove Dashes from Tag Names](https://meta.discourse.org/t/remove-dashes-from-tag-names/285684)  
[Tag Icons](https://meta.discourse.org/t/tag-icons/109757/163)  
[Color Tag Style](https://meta.discourse.org/t/colored-tag-styles/214871)

**有用资源**  
_这两个现已集成到组件中_  
[Font Awesome](https://fontawesome.com/v6/search)  
[HTML 颜色选择器](https://www.w3schools.com/colors/colors_picker.asp)

---

_[View the full topic](https://meta.discourse.org/t/tag-style-tool/397885)._