طريقة CSS لتغيير لون الأيقونات؟

بعد أن حصلنا على نمط الفئة الواحدة، أصبحت ألوان أيقونات الفئة الخاصة بي تتبع الآن لون خلفية إعدادات الفئة وهذا… ليس لطيفًا جدًا.

يمكن للصورة أن تشرح ألمي/ألمهم بشكل أفضل قليلاً:

(أعتذر تقريبًا) عن اللغة الغريبة ولكن آمل أن تفهم وجهة نظري.

أنا أرفض تمامًا إعداد ألوان خلفية مختلفة لكل فئة. جزئيًا لأنه يكسر مظهر لافتات الفئات، ولكن في الغالب لأن تلك الألوان المختلفة ليست مفيدة بأي معنى، بل تعطي شعورًا مضطربًا للغاية.

أتفهم تمامًا أن البعض يحب البيئة الملونة جدًا ولكن هنا في الشمال نحب النهج البسيط وغير الملون الذي يزيد من اكتئابنا :rofl:

بشكل أساسي، أحتاج بشدة إلى المساعدة لاستخدام الأيقونات السوداء فقط واستخدام أي لون أحب على لافتات الفئات. الخلفية البيضاء تعمل ولكن بعد ذلك تكون جميع الأيقونات بيضاء أيضًا وعلى خلفية بيضاء وهذا ليس عمليًا أيضًا…

إعجاب واحد (1)

لدى مكون سمة لافتة الفئة خيار لتجاوز لون الأيقونة في اللافتات (بحيث تتطابق دائمًا مع لون نص اللافتة)… لذا يمكنك تمكين هذا

Screenshot 2023-11-16 at 10.44.31 AM

وتعيين لون الأيقونة في مكون سمة أيقونات الفئة:

Screenshot 2023-11-16 at 10.45.37 AM

ومع ذلك، يمكنني أن أرى كيف أن تعيين اللون لكل أيقونة سيكون غير سار للعديد من الفئات، لذلك إذا كنت تريدها كلها بلون واحد، يمكنك استخدام CSS بدلاً من ذلك:

.badge-category__icon .d-icon {
  color: var(--primary-high);
}
3 إعجابات

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.