Comment la couleur du « cercle des nouveaux messages » est-elle déterminée ? Je veux dire l’icône de chat dans l’en-tête. Après avoir personnalisé notre forum, le cercle est maintenant presque du même gris que l’icône, et les notifications de nouveaux messages ne sont pas évidentes. Nous aimerions changer cette couleur, en espérant ne pas avoir à toucher aux couleurs que nous utilisons pour le reste du site Web.
Pendant ce temps, la couleur des nouveaux sujets (ce bleu par défaut) reste bleue sur notre site Web. Utiliser la même couleur pour les nouveaux messages de chat et les nouveaux sujets serait bien.
Le message « normal » (pas un message direct, mais des messages non lus dans un canal) est de couleur background: var(--tertiary-med-or-tertiary);. Il est donc dérivé de la couleur d’accent tertiaire que vous avez définie.
Si vous ne souhaitez pas changer votre couleur tertiaire, vous pouvez la remplacer spécifiquement en définissant un arrière-plan différent pour .chat-channel-unread-indicator dans votre CSS.
Les nouveaux messages directs sont verts par défaut, ce qui correspond à var(--success)
Nous voulons changer la couleur de fond non seulement pour l’indicateur de canaux de discussion non lus dans l’en-tête, mais aussi pour l’indicateur de canaux de discussion non lus qui suit chaque canal dans la discussion. Quel est son nom de classe ?
Dans la discussion, chaque canal a un nombre de messages non lus sur l’indicateur et chaque discussion personnelle a également un nombre de messages non lus sur l’indicateur. Mais dans l’en-tête, seul l’indicateur de discussion personnelle affiche un nombre qui est la somme de tous les messages personnels non lus. L’indicateur de canal n’a pas de nombre. Comment pouvons-nous le faire apparaître ?
Ceci se trouve facilement en regardant l’inspecteur DOM. Vous pouvez l’utiliser pour le remplacer :
pour les canaux : .chat-enabled .sidebar-section-link-suffix.icon.unread svg
pour : les discussions personnelles .chat-enabled .sidebar-section-link-suffix.icon.urgent svg
Il n’y a pas de moyen par défaut pour faire cela, à ma connaissance. Vous devrez peut-être envisager de créer un plugin pour cela.
