مشكلة في لون الخط في شارات التصنيف

مرحبًا بالجميع،

آمل أن يكون لدى أحدكم حل لهذه المشكلة التي بدأت تحدث فقط منذ الليلة الماضية بعد تحديث Discourse إلى إصدار 2026.4.0-latest (e4ab7a2cc9)

نستخدم الخط الأبيض لجميع شارات التصنيف، وتظهر بشكل صحيح عندما تكون في أعلى الموضوع

ومع ذلك، بمجرد البدء في التمرير لأسفل في الموضوع، يتغير لون الخط في التصنيف تلقائيًا

image

لقد راجعت إعدادات المظهر ولا أرى أي شيء يسبب حدوث ذلك.

مرحبًا @RFL

أول ما يجب فعله دائمًا هو الاختبار في وضع الأمان.

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

النصيحة الثالثة هي التحقق عبر أداة الفحص (Inspector) لمعرفة ما يحدث ونشر لقطة شاشة لذلك هنا.

مرحبًا يا تشابوي،

شكرًا لك على الرد السريع والمفيد.

لقد أجريت اختبار الوضع الآمن (خيارًا واحدًا في كل مرة)، ولم يغير تعطيل العناصر التالية شيئًا:

  • تخصيصات الإضافات من جانب العميل غير الرسمية
  • جميع تخصيصات الإضافات من جانب العميل

نحن نستخدم مكون “أنماطشارات التصنيف” مع اختيار النمط “صندوق”.

لذا، فإن تعطيل السمات ومكونات السمة قد أزال المشكلة، حيث أعاد شارة التصنيف إلى مظهرها الافتراضي.

image

نحن نستخدم سمة الوضع الفاتح مع لوحة الألوان التالية:

كود CSS المخصص لدينا هو:

/* table */

.cooked table thead, .d-editor-preview table thead {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    background-color: #ddd;
}

.cooked table tr, .d-editor-preview table tr {
    border-bottom: 1px solid #ddd;
}

.cooked table td, .cooked table th, .d-editor-preview table td, .d-editor-preview table th {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.fa-heart:before {
    content: "\f164";
}

.category-name {
    font-weight: bold;
    text-transform: uppercase;
    padding: 1px;
}

باستخدام أداة الفحص، يبدو أن هذا هو السبب في المشكلة، لأنه عند إلغاء تحديد السطر العلوي، يعود لون الخط إلى اللون الصحيح (الأبيض).

هل لديك أي فكرة عن كيفية إصلاح ذلك؟

إذا كان المنتدى الخاص بك يستخدم سمة واحدة فقط ولوحة ألوان واحدة، فيمكنك إضافة هذا في CSS المخصص الخاص بك:

.badge-category__wrapper .badge-category__name {
  color: var(--secondary);
}

شكرًا لك يا ليلي. هذا يعمل ويبدو أنه أسرع طريقة لحل المشكلة.

سنتحقق من مصدر المشكلة، وسنقوم بتحديث هذه الصفحة.