Hola,
Hay varias maneras de hacerlo.
Por ejemplo:
Puedes cambiar los colores del esquema de colores en admin/customize/colors/. Simplemente selecciona tu esquema de colores en modo oscuro y cambia el código de color secondary.
Nota: Esto cambiará el color secundario en todas partes, no solo en los iconos del encabezado.
O puedes usar el medio prefers-color-scheme para cambiar secondary a secondary-low en modo oscuro.
Algo como esto:
.d-header-icons .d-icon {
width: 100%;
line-height: 1.4;
display: inline-block;
color: var(--secondary);
@media (prefers-color-scheme: dark) {
color: var(--secondary-low);
}
}
O puedes crear definiciones de color personalizadas: Why might dark-light-choose() not work? - #2 by awesomerobot
Espero que esto ayude 