عند استخدام القائمة المنسدلة لإشعارات الموضوع (متابعة/تتبع/عادي/كتم)، يصبح نص وأيقونة العنصر المحدد حاليًا غير مرئيين بسبب التباين غير الكافي بين لون خلفية التحديد وألوان المقدمة.
خطوات إعادة الإنتاج
افتح أي موضوع
انقر على زر جرس الإشعار في أسفل الموضوع
لاحظ مستوى الإشعار المحدد حاليًا (على سبيل المثال، “تتبع”)
السلوك المتوقع
يجب أن يكون للعنصر المحدد نص وأيقونة مرئيان بوضوح مع تباين جيد.
السلوك الفعلي
يختفي النص أو يصبح من الصعب جدًا قراءته
يصبح رمز الجرس غير مرئي
تكون المشكلة أكثر وضوحًا في السمات الداكنة ولكن يمكن أن تؤثر على أي سمة اعتمادًا على لوحة الألوان
التفاصيل التقنية
في 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) تحتفظ بألوانها الافتراضية التي قد لا تتباين جيدًا مع خلفية التحديد.
نعم، هذا هو المرجح - لقد رأيت مواقف كهذه حيث تنتهي لوحة ألوان مخصصة تم إنشاؤها قبل إضافة ألوان جديدة بتباين ضعيف… @BrettH إذا قمت بإنشاء لوحة ألوان جديدة واستخدمتها، فهل تستمر المشكلة؟
