How to Change Header Icon Color?

Desarrollador
21

Para los iconos de la cabecera en el lado derecho, en el CSS común de un tema o componente de tema:

.d-header .d-header-icons .d-icon  {
    color: <color de los iconos de la cabecera> !important;
    &:hover {
        color: <color de los iconos de la cabecera al pasar el ratón por encima> !important;
    }
 }

Para el icono de hamburguesa en el modo de menú de la barra lateral:

.d-header .header-sidebar-toggle button .d-icon {
    color: <color del icono de hamburguesa> !important;
    &:hover {
        color: <color del icono de hamburguesa al pasar el ratón por encima> !important;
    }
}

<color de los iconos de la cabecera>, <color de los iconos de hamburguesa>, <color del icono de la cabecera al pasar el ratón por encima>, <color del icono de hamburguesa al pasar el ratón por encima> = código hexadecimal, nombre de color o variables de color del tema. También puedes especificar background-color si deseas cambiar el color de fondo del icono.

Nota: Si estás utilizando el modo desplegable de hamburguesa en lugar de la barra lateral, el primer fragmento para los iconos de la cabecera del lado derecho también incluirá el icono de hamburguesa.

4 Me gusta