Come viene deciso il colore del "cerchio dei nuovi messaggi"?

Come viene deciso il colore del “cerchio dei nuovi messaggi”? Intendo l’icona della chat nell’intestazione. Dopo aver personalizzato il nostro forum, il cerchio è ora quasi dello stesso grigio dell’icona e le notifiche dei nuovi messaggi non sono evidenti. Vorremmo cambiare questo colore, sperando di non dover toccare i colori che stiamo utilizzando per il resto del sito web.

Nel frattempo, il colore per i nuovi argomenti (quel blu predefinito) rimane blu sul nostro sito web. Andrebbe bene usare lo stesso colore per i nuovi messaggi di chat e i nuovi argomenti.

1 Mi Piace

Ciao,

il messaggio “normale” (non un messaggio diretto, ma messaggi non letti in un canale) ha il colore background: var(--tertiary-med-or-tertiary);. Quindi questo deriva da qualunque colore di accento terziario tu abbia impostato.

Per impostazione predefinita è blu-astro

Se non vuoi cambiare il tuo colore terziario, potresti sovrascriverlo specificamente impostando uno sfondo diverso per .chat-channel-unread-indicator nel tuo CSS.

I nuovi messaggi diretti sono verdi per impostazione predefinita, che è var(--success)

Spero che questo aiuti!
Saluti :beers:

9 Mi Piace
  1. Vogliamo cambiare il colore di sfondo non solo per l’indicatore di canali di chat non letti nell’intestazione, ma anche per l’indicatore di canali di chat non letti che segue ogni canale all’interno della chat. Qual è il nome della classe per questo?
  2. All’interno della chat, ogni canale ha un numero di messaggi non letti sull’indicatore e ogni chat personale ha anche un numero di messaggi non letti sull’indicatore. Ma nell’intestazione, solo l’indicatore della chat personale ha un numero che è la somma di tutti i messaggi personali non letti. L’indicatore del canale non ha un numero. Come possiamo farlo apparire?

Grazie.

1 Mi Piace

Questo si trova facilmente quando si guarda l’ispettore DOM. Puoi usarlo per sovrascriverlo:
per i canali:
.chat-enabled .sidebar-section-link-suffix.icon.unread svg

per: chat personali
.chat-enabled .sidebar-section-link-suffix.icon.urgent svg

Per quanto ne so, non esiste un modo predefinito per farlo. Potrebbe essere necessario creare un plugin per questo.

4 Mi Piace

Un post è stato diviso in un nuovo argomento: Come selezionare le variabili di colore?