标签样式工具

:information_source: 摘要 Tag Style Tool 允许您自定义标签的外观。
:eyeglasses: 预览 待填写
:hammer_and_wrench: 仓库 TagStyleTool on Github
:question: 安装指南 如何安装主题或主题组件
:open_book: Discourse 主题新手? Discourse 主题使用入门指南

安装此主题组件

关于

TagStyleTool 是对 (3) 个现有组件的启发性版本,用于自定义 Discourse 上标签的外观!

功能:

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

待办事项:

  • 实现一个应用于整个类别的选项。(这有缺点,我认为可以做到,但需要额外的维护)
  • 默认标签颜色 :sweat_smile: 一个假设场景,如果你只想要颜色而不要图标。
  • 针对设置的用户友好性修复

其他:

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

灵感(在某些情况下还有格式/设置等)直接采自这些现有项目:
Remove Dashes from Tag Names
Tag Icons
Color Tag Style

有用资源

Font Awesome
HTML 颜色拾取器

3 个赞

我要试试这个!谢谢!!我看了一些标签样式组件,发现安装多个组件很麻烦,所以下次我弄我的设置时会试试你的!

1 个赞

快速试了一下。两个“新手”的评论:

  • 我在 FontAwesome 的内容中有点迷失了。是只用免费的吗?是哪个版本?有没有所有图标的列表(或者列表太长了放不下)?
  • 颜色:为那些不精通 RGB 的人提供一个颜色选择器,这复杂吗?:innocent:

但已经很感谢了,这看起来不错!

不用担心迷路,我很高兴能尽我所能提供帮助,毕竟这正是 Discourse 的用途,对吧?

Font Awesome
该组件应该自动支持 Discourse 当前版本中包含的任何 Font Awesome 图标。我相信他们目前支持 v6。您可以在此处 Font Awesome 找到所有图标。
关于问题的第二部分,是的,它是免费的,有一个付费版本,但我不太确定这在 Discourse 中如何运作,因为 Font Awesome 已经包含在核心中了。

颜色选择器
我可以看看是否可以实现一个,但由于这是一个主题组件,我不确定在变得需要成为一个插件之前我能做多少。不过,您可以使用这个有用的工具,点击颜色所在的“使用 HTML 5”区域,对于这个组件,您需要使用十六进制颜色。HTML 颜色选择器

1 个赞

谢谢!实际上,在设置界面中提供这两个资源的链接就已经非常有帮助了!

1 个赞

现在有一个原生的 HTML 组件用于选择颜色

我们还将其封装在一个组件中,以便更容易使用。

2 个赞