新しいメッセージサークルの色はどのように決まりますか?

ヘッダーのチャットアイコンにある「新規メッセージの円」の色はどのように決定されますか?フォーラムをカスタマイズした後、円がアイコンとほぼ同じ灰色になり、新規メッセージの通知が目立たなくなりました。この色を変更したいのですが、できればウェブサイトの他の部分で使用している色には触れたくないです。

一方、新規トピックの色(デフォルトの青)は、当社のウェブサイトでは青のままです。新規チャットメッセージと新規トピックに同じ色を使用しても問題ありません。

「いいね!」 1

こんにちは。

「通常の」メッセージ(ダイレクトメッセージではなく、チャンネル内の未読メッセージ)は、background: var(--tertiary-med-or-tertiary); の色になります。これは、設定した三次アクセントカラーから派生したものです。

デフォルトでは青みがかった色になります。

三次カラーを変更したくない場合は、CSSで .chat-channel-unread-indicator の背景を別に設定することで、この色を個別に上書きできます。

新しいダイレクトメッセージはデフォルトで緑色になり、これは var(--success) です。

お役に立てば幸いです!
Cheers :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

投稿が新しいトピックに分割されました:色の変数をどのように選択しますか?