How to Change Header Icon Color?

Разработка
21

Для иконок в шапке справа, в файле common-css темы или компонента темы:

.d-header .d-header-icons .d-icon  {
    color: <цвет иконок в шапке> !important;
    &::hover {
        color: <цвет иконок в шапке при наведении> !important;
    }
 }

Для иконки «гамбургер» в режиме меню боковой панели:

.d-header .header-sidebar-toggle button .d-icon {
    color: <цвет иконки «гамбургер»> !important;
    &::hover {
        color: <цвет иконки «гамбургер» при наведении> !important;
    }
}

<цвет иконок в шапке>, <цвет иконки «гамбургер»>, <цвет иконок в шапке при наведении>, <цвет иконки «гамбургер» при наведении> — это шестнадцатеричные значения, названия цветов или переменные цветов темы. Вы также можете указать background-color, если хотите изменить цвет фона иконки.

Примечание: Если вы используете выпадающее меню «гамбургер» вместо боковой панели, первый фрагмент кода для иконок в шапке справа будет включать и иконку «гамбургер».