يمكنك النقر بزر الماوس الأيمن على العناصر لفتح أدوات المطور (DevTools) واستهدافها حسب الفئة/المُعرِّف الخاص بها.
يمكن تلوين النقطة الموجودة في الشريط الجانبي للمواضيع الجديدة/غير المقروءة كالتالي:
span.sidebar-section-link-suffix.icon.unread svg {
color: red !important;
}
للنقطة الخاصة بالموضوع للمواضيع الجديدة، استخدم:
a.badge-notification.new-topic::before {
background-color: red !important;
}
إذا كنت ترغب في استهداف الأيقونات في قائمة الإشعارات، يمكنك استخدام CSS التالي:
div.tabs-list a.user-menu-tab svg {
color: red !important;
}
إذا كنت ترغب في استهداف الأيقونات النشطة فقط في قائمة الإشعارات، استخدم:
div.tabs-list a.user-menu-tab.active svg {
color: red !important;
}
لاستهدف الإشعار بأكمله عند التحويم فوقه، استخدم:
div.quick-access-panel ul li:hover {
background-color: red !important;
}
آمل أن يكون هذا مفيدًا!
إذا كنت لا تعرف أين تضع رمز CSS المخصص، اقرأ هذا الموضوع.
شكرًا لك، لقد ساعد هذا كثيرًا وأنا الآن أحرز تقدمًا سريعًا في التخصيص!
