آها، نعم يبدو أن هذا هو سبب عدم قيام التغييرات بأي شيء - لا توجد علامة <svg> فعلية. لا أعتقد أن هناك خطأ في أن المكون وضعه في علامة <img>. هذه مجرد إحدى طرق عرض SVG، لكنها تجعل من الصعب تنسيقها. إذا كان لديك وصول إلى ملفات SVG نفسها، يمكنك تغيير لون الخط أو الملء هناك (سيكون سمة مثل stroke="black"، وقد يكون هناك أكثر من واحدة).
إذا لم تتمكن من تحرير SVG، يمكنك محاولة استخدام عوامل تصفية CSS. تتيح لك هذه إضافة تأثيرات مرئية معينة إلى عنصر. نظرًا لأنها تبدو سوداء الآن، يمكننا محاولة عكسها للحصول على اللون الأبيض.
.custom-header-icon-link img {
filter: invert(100%);
}
لاحظ أن المحدد يحتاج إلى أن يكون img بدلاً من svg الآن