Come rendere le notifiche non lette più evidenti?

Sviluppatore
1

Ho modificato molto il CSS del mio forum, ma non riesco in nessun modo a capire quale elemento selezionare per cambiare l’aspetto delle notifiche nuove/non lette. Come si può vedere nell’immagine qui sotto, di default c’è ben poca differenza tra le notifiche nuove e quelle vecchie:

image
image748×1062 60 KB

Vorrei aggiungere uno sfondo azzurro chiaro dietro le notifiche non lette per renderle più visibili, ma non riesco a isolare solo quelle non lette. Sono riuscito finora solo a cambiare l’aspetto di TUTTE le notifiche, non solo di quelle non lette.

Qualcuno sa cosa dovrei scrivere?

2

Prova quanto segue:

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