¿Cómo se decide el color del "círculo de mensajes nuevos"?

¿Cómo se decide el color del “círculo de mensajes nuevos”? Me refiero al icono de chat en la cabecera. Después de personalizar nuestro foro, el círculo es ahora casi del mismo gris que el icono, y las notificaciones de mensajes nuevos no son obvias. Nos gustaría cambiar este color, con suerte sin tener que tocar los colores que estamos usando para el resto del sitio web.

Mientras tanto, el color de los nuevos temas (que por defecto es azul) sigue siendo azul en nuestro sitio web. Usar el mismo color para los nuevos mensajes de chat y los nuevos temas estaría bien.

1 me gusta

Hola,

el mensaje “regular” (no un mensaje directo, sino mensajes no leídos en un canal) tiene el color background: var(--tertiary-med-or-tertiary);. Por lo tanto, se deriva del color de acento terciario que hayas configurado.

Por defecto, es azulado

Si no quieres cambiar tu color terciario, podrías anular este específicamente configurando un fondo diferente para .chat-channel-unread-indicator en tu CSS.

Los nuevos mensajes directos son verdes por defecto, que es var(--success)

¡Espero que esto ayude!
Saludos :beers:

9 Me gusta
  1. Queremos cambiar el color de fondo no solo para el indicador de no leído del canal de chat en la cabecera, sino también para el indicador de no leído del canal de chat que sigue a cada canal dentro del chat. ¿Cuál es el nombre de la clase para ello?
  2. Dentro del chat, cada canal tiene un número de mensajes no leídos en el indicador y cada chat personal tiene un número de mensajes no leídos en el indicador también. Pero en la cabecera, solo el indicador del chat personal tiene un número que es la suma de todos los mensajes no leídos del chat personal. El indicador del canal no tiene un número. ¿Cómo podemos hacer que aparezca?

Gracias.

1 me gusta

Esto se encuentra fácilmente al mirar el inspector DOM. Puedes usar esto para anularlo:
para canales:
.chat-enabled .sidebar-section-link-suffix.icon.unread svg

para: chats personales
.chat-enabled .sidebar-section-link-suffix.icon.urgent svg

Hasta donde yo sé, no hay una forma predeterminada de hacer esto. Es posible que necesites investigar cómo crear un plugin para eso.

4 Me gusta

Se dividió una publicación en un nuevo tema: ¿Cómo seleccionar variables de color?