عند استخدام القائمة المنسدلة لإشعارات الموضوع (متابعة/تتبع/عادي/كتم)، يصبح نص وأيقونة العنصر المحدد حاليًا غير مرئيين بسبب التباين غير الكافي بين لون خلفية التحديد وألوان المقدمة.
خطوات إعادة الإنتاج
-
افتح أي موضوع
-
انقر على زر جرس الإشعار في أسفل الموضوع
-
لاحظ مستوى الإشعار المحدد حاليًا (على سبيل المثال، “تتبع”)
السلوك المتوقع
يجب أن يكون للعنصر المحدد نص وأيقونة مرئيان بوضوح مع تباين جيد.
السلوك الفعلي
-
يختفي النص أو يصبح من الصعب جدًا قراءته
-
يصبح رمز الجرس غير مرئي
-
تكون المشكلة أكثر وضوحًا في السمات الداكنة ولكن يمكن أن تؤثر على أي سمة اعتمادًا على لوحة الألوان
التفاصيل التقنية
في app/assets/stylesheets/common/select-kit/select-kit.scss، تحدد حالة .is-selected لون الخلفية فقط دون ضمان تباين المقدمة:
&.is-selected,
&.is-selected.is-highlighted {
background: var(--d-selected);
// لا يوجد تجاوز للون للنص أو الأيقونات
}
يأتي متغير CSS --d-selected من لون $selected الخاص بالسمة، لكن النص (.name، .desc) والأيقونات (.d-icon) تحتفظ بألوانها الافتراضية التي قد لا تتباين جيدًا مع خلفية التحديد.
لقطات الشاشة
البيئة
-
إصدار Discourse: الأحدث
-
المتصفح: Edge
-
السمة: سمة Foundation