Como a cor do “círculo de novas mensagens” é decidida? Refiro-me ao ícone de chat no cabeçalho. Após personalizar nosso fórum, o círculo agora está quase do mesmo cinza que o ícone, e as notificações de novas mensagens não são óbvias. Gostaríamos de alterar essa cor, esperançosamente sem ter que mexer nas cores que estamos usando para o resto do site.
Enquanto isso, a cor para novos tópicos (que é azul por padrão) permanece azul em nosso site. Usar a mesma cor para novas mensagens de chat e novos tópicos seria aceitável.
A mensagem “regular” (não uma mensagem direta, mas mensagens não lidas em um canal) é da cor background: var(--tertiary-med-or-tertiary);. Portanto, isso é derivado da cor de acento terciária que você definiu.
Se você não quiser alterar sua cor terciária, pode substituir especificamente esta definindo um plano de fundo diferente para .chat-channel-unread-indicator em seu CSS.
Novas mensagens diretas são verdes por padrão, que é o var(--success)
Queremos alterar a cor de fundo não apenas para o indicador de canal de chat não lido no cabeçalho, mas também para o indicador de canal de chat não lido seguindo cada canal dentro do chat. Qual é o nome da classe para isso?
Dentro do chat, cada canal tem um número de mensagens não lidas no indicador e cada chat pessoal tem um número de mensagens não lidas no indicador também. Mas no cabeçalho, apenas o indicador de chat pessoal tem um número que é a soma de todas as mensagens pessoais não lidas. O indicador do canal não tem um número. Como podemos fazer com que ele apareça?
Isso é facilmente encontrado ao olhar o inspetor DOM. Você pode usá-lo para substituí-lo:
para canais:: .chat-enabled .sidebar-section-link-suffix.icon.unread svg
