¿Truco CSS para cambiar el color de los iconos?

Después de que obtuvimos el estilo de categoría única, los colores de mis íconos de categoría ahora siguen el color de fondo de la configuración de la categoría y eso es… no muy agradable.

La captura de pantalla podría explicar un poco mejor mi/su dolor:

(Casi) disculpen el lenguaje extraño, pero espero que entiendan mi punto.

Simplemente me niego a configurar colores de fondo diferentes por categoría. En parte porque rompe la apariencia de los banners de categoría, pero sobre todo porque todos esos colores diferentes no son informativos en ningún sentido, sino que dan una sensación muy inquieta.

Entiendo perfectamente que a algunos les encanta el entorno muy colorido, pero aquí en el norte amamos un enfoque minimalista y sin color que maximice nuestra depresión :rofl:

Básicamente, necesito desesperadamente ayuda para usar solo íconos negros y, de lo contrario, usar el color que quiera en los banners de categoría. El fondo blanco funciona, pero entonces todos los íconos también son blancos y sobre un fondo blanco eso tampoco es muy funcional…

1 me gusta

El componente del tema del banner de categoría tiene la opción de anular el color del icono en los banners (para que siempre coincida con el color del texto del banner)… así que podrías habilitar esto

Screenshot 2023-11-16 at 10.44.31 AM

y establecer el color del icono en el componente del tema de los iconos de categoría:

Screenshot 2023-11-16 at 10.45.37 AM

Sin embargo, podría ver cómo establecer el color para cada icono sería desagradable para muchas categorías, así que si lo desea todo de un solo color, podría usar CSS en su lugar:

.badge-category__icon .d-icon {
  color: var(--primary-high);
}
3 Me gusta

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.