“新消息圈”颜色是如何决定的?

“新消息圆圈”的颜色是如何确定的?我的意思是标题栏上的聊天图标。在自定义了我们的论坛后,这个圆圈现在的灰色几乎和图标一样了,新消息的通知也不明显了。我们希望更改此颜色,最好不用触及我们网站其余部分使用的颜色。

同时,新主题的颜色(默认蓝色)在我们的网站上仍然是蓝色。将新聊天消息和新主题使用相同的颜色是可以的。

1 个赞

您好,

“普通”消息(不是直接消息,而是频道中的未读消息)是 background: var(--tertiary-med-or-tertiary); 颜色。因此,这取决于您将三级强调色设置为的任何颜色。

默认情况下,它是蓝色的

如果您不想更改三级颜色,可以通过在 CSS 中为 .chat-channel-unread-indicator 设置不同的背景来专门覆盖此颜色。

默认情况下,新的直接消息是绿色的,即 var(--success)

希望这有帮助!
干杯 :beers:

9 个赞
  1. 我们不仅想更改标题上聊天频道未读指示器的背景颜色,还想更改聊天中每个频道后面的聊天频道未读指示器的背景颜色。它的类名是什么?
  2. 在聊天中,每个频道在指示器上都有未读消息的数量,每个私人聊天在指示器上也有未读消息的数量。但在标题上,只有私人聊天指示器有一个数字,它是所有未读私人聊天消息的总和。频道指示器没有数字。我们如何让它显示出来?

谢谢。

1 个赞

这在查看 DOM 检查器时很容易找到。您可以使用它来覆盖它:
对于频道:
.chat-enabled .sidebar-section-link-suffix.icon.unread svg

对于:个人聊天
.chat-enabled .sidebar-section-link-suffix.icon.urgent svg

据我所知,没有默认的方法可以做到这一点。您可能需要研究创建一个插件。

4 个赞

帖子已拆分为新主题:如何选择颜色变量?