ヘッダーのチャットアイコンにある「新規メッセージの円」の色はどのように決定されますか?フォーラムをカスタマイズした後、円がアイコンとほぼ同じ灰色になり、新規メッセージの通知が目立たなくなりました。この色を変更したいのですが、できればウェブサイトの他の部分で使用している色には触れたくないです。
一方、新規トピックの色(デフォルトの青)は、当社のウェブサイトでは青のままです。新規チャットメッセージと新規トピックに同じ色を使用しても問題ありません。
ヘッダーのチャットアイコンにある「新規メッセージの円」の色はどのように決定されますか?フォーラムをカスタマイズした後、円がアイコンとほぼ同じ灰色になり、新規メッセージの通知が目立たなくなりました。この色を変更したいのですが、できればウェブサイトの他の部分で使用している色には触れたくないです。
一方、新規トピックの色(デフォルトの青)は、当社のウェブサイトでは青のままです。新規チャットメッセージと新規トピックに同じ色を使用しても問題ありません。
こんにちは。
「通常の」メッセージ(ダイレクトメッセージではなく、チャンネル内の未読メッセージ)は、background: var(--tertiary-med-or-tertiary); の色になります。これは、設定した三次アクセントカラーから派生したものです。
デフォルトでは青みがかった色になります。
三次カラーを変更したくない場合は、CSSで .chat-channel-unread-indicator の背景を別に設定することで、この色を個別に上書きできます。
新しいダイレクトメッセージはデフォルトで緑色になり、これは var(--success) です。
お役に立てば幸いです!
Cheers ![]()
よろしくお願いします。
これはDOMインスペクターで簡単に見つけることができます。これを使用してオーバーライドできます。
チャンネルの場合:
.chat-enabled .sidebar-section-link-suffix.icon.unread svg
個人のチャットの場合:
.chat-enabled .sidebar-section-link-suffix.icon.urgent svg
私の知る限り、デフォルトの方法はありません。プラグインの作成を検討する必要があるかもしれません。
投稿が新しいトピックに分割されました:色の変数をどのように選択しますか?