Wie wird die Farbe des „neuen Nachrichten-Kreises“ festgelegt?

Wie wird die Farbe des „Kreises für neue Nachrichten“ bestimmt? Ich meine den Chat-Symbol im Header. Nach der Anpassung unseres Forums ist der Kreis jetzt fast genauso grau wie das Symbol, und Benachrichtigungen über neue Nachrichten sind nicht offensichtlich. Wir möchten diese Farbe ändern, hoffentlich ohne die Farben, die wir für den Rest der Website verwenden, anfassen zu müssen.

In der Zwischenzeit bleibt die Farbe für neue Themen (das standardmäßige Blau) auf unserer Website blau. Die Verwendung der gleichen Farbe für neue Chat-Nachrichten und neue Themen wäre in Ordnung.

1 „Gefällt mir“

Hallo,

die „reguläre“ Nachricht (keine Direktnachricht, sondern ungelesene Nachrichten in einem Kanal) hat die Farbe background: var(--tertiary-med-or-tertiary);. Diese wird also von der Farbe abgeleitet, die Sie als tertiäre Akzentfarbe festgelegt haben.

Standardmäßig ist dies bläulich

Wenn Sie Ihre tertiäre Farbe nicht ändern möchten, können Sie diese speziell überschreiben, indem Sie einen anderen Hintergrund für .chat-channel-unread-indicator in Ihrem CSS festlegen.

Neue Direktnachrichten sind standardmäßig grün, was var(--success) ist.

Ich hoffe, das hilft!
Prost :beers:

9 „Gefällt mir“
  1. Wir möchten die Hintergrundfarbe nicht nur für den Indikator für ungelesene Kanäle im Header, sondern auch für den Indikator für ungelesene Kanäle neben jedem Kanal im Chat ändern. Wie lautet der Klassenname dafür?
  2. Innerhalb des Chats hat jeder Kanal eine Anzahl ungelesener Nachrichten auf dem Indikator und jeder persönliche Chat hat ebenfalls eine Anzahl ungelesener Nachrichten auf dem Indikator. Aber im Header hat nur der Indikator für persönliche Chats eine Zahl, die die Summe aller ungelesenen persönlichen Chatnachrichten ist. Der Kanalindikator hat keine Zahl. Wie können wir ihn anzeigen lassen?

Danke.

1 „Gefällt mir“

Das lässt sich leicht im DOM-Inspektor finden. Sie können dies verwenden, um es zu überschreiben:
für Kanäle:
.chat-enabled .sidebar-section-link-suffix.icon.unread svg

für: persönliche Chats
.chat-enabled .sidebar-section-link-suffix.icon.urgent svg

Soweit ich weiß, gibt es keine Standardmethode dafür. Möglicherweise müssen Sie ein Plugin dafür entwickeln.

4 „Gefällt mir“

Ein Beitrag wurde in ein neues Thema aufgeteilt: Wie wähle ich Farbvariablen aus?