Как определяется цвет круга «новые сообщения»?

Как определяется цвет «кружка новых сообщений»? Я имею в виду значок чата в шапке. После настройки нашего форума этот кружок стал почти того же серого цвета, что и сам значок, и уведомления о новых сообщениях теперь не заметны. Мы хотели бы изменить этот цвет, желательно, не затрагивая цвета, которые мы используем для остальной части сайта.

Между тем, цвет для новых тем (тот самый синий по умолчанию) остаётся синим на нашем сайте. Было бы неплохо использовать один и тот же цвет для новых сообщений чата и новых тем.

1 лайк

Привет,

цвет для «обычного» сообщения (не прямого сообщения, а непрочитанных сообщений в канале) — это background: var(--tertiary-med-or-tertiary);. То есть он зависит от того, какой акцентный цвет третьего уровня вы установили.

По умолчанию это синеватый оттенок

Если вы не хотите менять свой цвет третьего уровня, вы можете переопределить этот конкретный стиль, задав другой фон для .chat-channel-unread-indicator в вашем CSS.

Новые прямые сообщения по умолчанию зелёные, это цвет var(--success)

Надеюсь, это поможет!
С уважением :beers:

9 лайков
  1. Мы хотим изменить цвет фона не только для индикатора непрочитанных сообщений канала чата в заголовке, но и для индикатора непрочитанных сообщений канала чата, расположенного рядом с каждым каналом внутри чата. Какое имя класса у него?
  2. Внутри чата у каждого канала на индикаторе отображается количество непрочитанных сообщений, и у каждого личного чата также отображается количество непрочитанных сообщений на индикаторе. Однако в заголовке только индикатор личного чата показывает число, равное сумме всех непрочитанных сообщений личных чатов. У индикатора канала числа нет. Как сделать так, чтобы оно появилось?

Спасибо.

1 лайк

Это легко найти, если посмотреть в инспекторе DOM. Вы можете использовать это для переопределения:
для каналов:
.chat-enabled .sidebar-section-link-suffix.icon.unread svg

для личных чатов:
.chat-enabled .sidebar-section-link-suffix.icon.urgent svg

Насколько мне известно, стандартного способа сделать это нет. Возможно, вам потребуется создать для этого плагин.

4 лайка

Пост был разделен на новую тему: Как выбрать переменные цвета?