Wie mache ich ungelesene Benachrichtigungen auffälliger?

Ich habe viel am CSS meines Forums gearbeitet, aber ich kann mir einfach nicht vorstellen, was ich ansprechen muss, um das Aussehen von neuen/ungelesenen Benachrichtigungen zu ändern. Wie man auf dem Bild unten sieht, gibt es standardmäßig kaum einen Unterschied zwischen neuen und alten Benachrichtigungen:

Ich möchte einen hellblauen Hintergrund für ungelesene Benachrichtigungen hinzufügen, um sie besser sichtbar zu machen, aber ich kann nur ungelesene Benachrichtigungen isolieren. Ich war bisher nur erfolgreich darin, das Aussehen aller Benachrichtigungen zu ändern, nicht nur der ungelesenen.

Weiß jemand, was ich eingeben soll?

Versuchen Sie Folgendes:

.user-menu .quick-access-panel {
  background-color: red;
  .read {
     background-color: var(--secondary);
  }
}
2 „Gefällt mir“