Como tornar as notificações não lidas mais perceptíveis?

Dev
1

Tenho editado bastante o CSS do meu fórum, mas não consigo, nem que me paguem, descobrir o que selecionar para alterar a aparência das notificações novas/não lidas. Você pode ver na imagem abaixo que, por padrão, há pouquíssima diferença entre as notificações novas e as antigas:

image
image748×1062 60 KB

Quero adicionar um fundo azul claro atrás das notificações não lidas para torná-las mais visíveis, mas não consigo isolar apenas as notificações não lidas. Até agora, só consegui alterar a aparência de TODAS as notificações, e não apenas das não lidas.

Alguém sabe o que eu devo digitar?

2

Tente o seguinte:

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