ميّز المحتويات عن صفوف قائمة المواضيع باستخدام ألوان مختلفة.

مطور
2

مرحباً ريناتو :wave:
يمكنك استهداف هذه العناصر باستخدام أدوات المطور في متصفحك، يمكنك قراءة المزيد عنها هنا:
https://meta.discourse.org/t/make-css-changes-on-your-site/168101#browser-inspection-tools-7

ومع ذلك، فإن طريقة تصميم هذه العناصر تستخدم العديد من المحددات المختلفة من خلال التداخل من كود SCSS الأصلي.

أود البدء بـ CSS المترجم وتعديله إذا كان له تأثيرات غير مقصودة:

المواضيع التي تحتوي على مشاركات غير مقروءة:

# titles
.topic-list-main-link a.title,
.latest-topic-list-item .main-link a.title,
.topic-list .main-link a.title {
    color: var(--primary);
}

# categories
.badge-wrapper.bullet span.badge-category {
    color: var(--primary-high);
}

# tags
.topic-list-item.visited .topic-list-data a.discourse-tag, .latest-topic-list-item.visited a.discourse-tag, .category-topic-link.visited a.discourse-tag {
    color: var(--primary-medium);
}

المواضيع التي تمت زيارتها:

# titles
.topic-list-item.visited .topic-list-data a.title:not(.badge-notification),
.latest-topic-list-item.visited a.title:not(.badge-notification),
.category-topic-link.visited a.title:not(.badge-notification) {
    color: var(--primary-medium);
}

# categories
.topic-list-item.visited .topic-list-data span.badge-category,
.latest-topic-list-item.visited span.badge-category,
.category-topic-link.visited span.badge-category {
    color: var(--primary-medium);
}

#tags
.topic-list-item.visited .topic-list-data a.discourse-tag,
.latest-topic-list-item.visited a.discourse-tag,
.category-topic-link.visited a.discourse-tag {
    color: var(--primary-medium);
}

المقتطفات ليس لها نمط محدد للمواضيع التي تمت زيارتها (ولكن يمكن تعديلها باستخدام CSS إضافي).

.topic-list .topic-excerpt {
    color: var(--primary-high);
}
إعجابَين (2)