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

[Renato_Mendes]

يا رفاق! هذا حل مثير للاهتمام. كنت أتساءل عما إذا كان من الممكن تعيين لون خلفية مختلف قليلاً للعنوان والعلامات، بحيث يسهل تحديد الموضوع التالي. كما هو الحال الآن، أشعر أنه مربك للغاية، لأن كل شيء يبدو متشابهًا تقريبًا.

شكرًا لك

[Canapin (Coin-coin le Canapin)]

مرحباً ريناتو
يمكنك استهداف هذه العناصر باستخدام أدوات المطور في متصفحك، يمكنك قراءة المزيد عنها هنا:
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);
}