كيف أجعل الإشعارات غير المقروءة أكثر وضوحًا؟

مطور
1

لقد قمت بتحرير الكثير من ملفات CSS الخاصة بمنتداي، لكنني لا أستطيع بأي حال من الأحوال تحديد العنصر الذي يجب استهدافه لتغيير مظهر إشعارات الجديد/غير المقروءة. يمكنك أن ترى في الصورة أدناه أنه افتراضيًا لا يوجد سوى فرق ضئيل جدًا بين الإشعارات الجديدة والقديمة:

image
image748×1062 60 KB

أرغب في إضافة خلفية زرقاء فاتحة خلف الإشعارات غير المقروءة لجعلها أكثر وضوحًا، لكنني غير قادر على عزل إشعارات غير المقروءة فقط. لقد نجحت فقط في تغيير مظهر جميع الإشعارات، وليس غير المقروءة منها فقط.

هل يعرف أحد ما الذي يجب أن أكتبه؟

2

جرّب ما يلي:

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