How to Change Header Icon Color?

Entwickler
21

Für die Header-Icons auf der rechten Seite, in common-css eines Themes oder einer Theme-Komponente:

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

Für das Hamburger-Icon im Seitenleisten-Menümodus:

.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> = Hex, Farbname oder Theme-Farbvariablen. Sie können auch background-color angeben, wenn Sie die Icon-Hintergrundfarbe ändern möchten.

Hinweis: Wenn Sie den Hamburger-Dropdown-Modus anstelle der Seitenleiste verwenden, enthält der erste Ausschnitt für die Header-Icons auf der rechten Seite auch das Hamburger-Icon.

4 „Gefällt mir“