彩色标签样式

|||
|-|-|-|
| :information_source: | 摘要 | 为一组预定义的颜色样式分配标签 |
| :hammer_and_wrench:|代码库| Manuel Kostka / Discourse / Helpers / Tag Styles · GitLab |
| :question:|安装指南|如何安装主题或主题组件|
| :open_book:|初次使用 Discourse 主题?| Discourse 主题使用入门指南

主题设置

您可以为每种颜色从下拉列表中选择标签。

站点设置

该组件应与标签样式 box 一起使用。对于 simplebullet 样式,您需要添加一些自定义声明来调整标签。

自定义颜色

我在样式方面选择了简单的界面而不是灵活性。因此,如果您想更改预定义的颜色,则需要 fork 该组件并在其 CSS 文件中更改样式声明。

24 个赞

干得好,这仅在标签样式设置为 BOX 时才有效

删除 .box 使其在 simple 上可用,但不确定这是否会破坏 box

image

简单但运行完美。谢谢。

1 个赞
  • 是否可以将颜色分配给标签组而不是单个标签?
  • 是否可以自定义可用颜色以遵循色盲十六进制值?
3 个赞

感谢您的建议!

关于定位标签组:目前标签只有一个用于其名称的数据属性,组件也以此为目标。我之前发布了一个关于添加另一个用于其组的属性的功能请求,您可以点赞 :wink:

关于自定义颜色:目前您需要 fork 该组件并硬编码其他颜色值。如果下拉菜单(用于选择标签)在弹出式编辑器中可用,我想我会用更多可自定义的设置重构该组件。

2 个赞

编辑: 算了,我只是忘了保存另一个“settings.yml”文件,哈哈。脑子快烧了。

你好。当我把代码从黄色改成紫色时,我得到了这个错误。我所做的只是简单地将任何提到“yellow”的地方换成“purple”并调整十六进制颜色值。为什么?
hhhh

  $tags-purple: str-to-list(\"#{$purple}\", \"|\");
  @each $tag in $tags-purple {
    .discourse-tag[data-tag-name=\"#{$tag}\"] {
      color: #CCCCCC !important;
      background-color: #ae00d1;
      &#:hover {
        color: #CCCCCC;
        background-color: #ae00d1;
      }
    }
  }

这里的第一行是错误提到的第 8 行。

1 个赞

您好,感谢您的组件。
它不适用于 GitHub - discourse/discourse-remove-dashes-from-tag-names: Remove dashes (-) from tag names in the Topic List and on the Topic page.

也许您可以更新一下?:pray:

当标签是单行时,它有效,但当标签是双行时,它无效。

例如单行标签:support
双行:support-me

1 个赞

是否可以选择所有群组标签的颜色?
并且不会影响我的 discourse!

我也是

您好,此组件在我的实例上无法正常工作。我已在管理员菜单中添加了用于组件的特定颜色标签,但它们仍然是灰色的。我没有修改过组件代码,只是按原样使用。下面是示例图片:

1 个赞

抱歉,我无法复现。在 3.5 版本上对我来说是可以的。

无论如何,我已将一个更新的组件发布到一个 GitLab 上的新仓库。没有功能性更改,只是进行了一些整理和重构。旧的 GitHub 仓库应该仍然可用,但如果您是全新安装,请使用新仓库,它也列在“摘要”主题中。

你提供的那个组件的新版本对我来说也不好用……那些框仍然是灰色的

1 个赞

是的,没有功能上的变化。但该组件在新实例上运行。您检查过元素吗?

抱歉,我不是编程专家……如果一个组件不能即插即用,我基本上就完蛋了。我只能寻找其他方法来实现类似的功能。

已正确配置所有设置,但标签仍显示为灰色

1 个赞

感谢您的报告,我想我找到了问题所在……标签现在区分大小写,但 data-tag-name 需要解析为小写值。因此,它不会将样式应用于大写标签。

更新组件后,请告知我是否有效 @Ahmed26 @Av8tion

2 个赞

现在运作得非常好,谢谢

2 个赞

干得漂亮,发现得很棒!感谢您为我们完成这些工作付出的辛勤努力!

4 个赞