How to Change Header Icon Color?

مطور
21

بالنسبة للأيقونات العلوية على الجانب الأيمن، في common-css الخاص بموضوع أو مكون سمة:

.d-header .d-header-icons .d-icon  {
    color: <header icons color> !important;
    &:hover {
        color: <header icons hover color> !important;
    }
 }

بالنسبة للأيقونة الهامبرغر في وضع قائمة الشريط الجانبي:

.d-header .header-sidebar-toggle button .d-icon {
    color: <hamburger icon color> !important;
    &:hover {
        color: <hamburger icon hover color> !important;
    }
}

<header icons color>, <hamburger icons color>, <header icon hover color>, <hamburger icon hover color> = قيم سداسية عشرية، أسماء ألوان، أو متغيرات ألوان السمة. يمكنك أيضًا تحديد background-color إذا كنت ترغب في تغيير لون خلفية الأيقونة.

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

4 إعجابات