未読の通知をより目立たせるにはどうすればよいですか？

[rodypl (Rodolphe)]

フォーラムの CSS を多く編集しているのですが、未読/新しい通知の外観を変更するために何を対象にすればよいか、どうしてもわかりません。下の画像をご覧いただくと、デフォルトでは新しい通知と古い通知の区別がほとんどつかないことがおわかりいただけると思います：

未読通知の背景に薄い青色を追加して、より目立たせたいと考えていますが、未読通知だけを特定することができません。すべての通知の外観は変更できましたが、未読のものだけに限定して変更するのは成功していません。

何かご存知の方、何と入力すればよいでしょうか？

[Falco]

以下のコードを試してください：

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