Как сделать непрочитанные уведомления более заметными?

Разработка
1

Я много редактировал CSS своего форума, но никак не могу понять, какой селектор использовать, чтобы изменить внешний вид новых/непрочитанных уведомлений. Как видно на изображении ниже, по умолчанию разница между новыми и старыми уведомлениями почти незаметна:

image
image748×1062 60 KB

Я хочу добавить светло-голубой фон для непрочитанных уведомлений, чтобы они были более заметными, но не могу выделить только их. Мне удавалось изменить внешний вид ВСЕХ уведомлений, но не только непрочитанных.

Кто-нибудь знает, что именно нужно написать?

2

Попробуйте следующее:

.user-menu .quick-access-panel {
  background-color: red;
  .read {
     background-color: var(--secondary);
  }
}