Astuce CSS pour changer la couleur des icônes ?

Après avoir obtenu le style de catégorie unique, les couleurs des icônes de ma catégorie suivent maintenant la couleur d’arrière-plan des paramètres de catégorie et c’est… pas très agréable.

Une capture d’écran pourrait mieux expliquer ma/leur douleur :

(Presque) désolé pour le langage étrange, mais j’espère que vous comprenez mon point de vue.

Je refuse de configurer des couleurs d’arrière-plan différentes par catégorie. En partie parce que cela casse l’apparence des bannières de catégorie, mais surtout parce que toutes ces couleurs différentes ne sont pas informatives en aucun sens, mais donnent une impression très agitée.

Je comprends tout à fait que certains aiment un environnement très coloré, mais ici, dans le nord, nous aimons une approche minimaliste et incolore qui maximise notre dépression :rofl:

En gros, j’ai désespérément besoin d’aide pour utiliser uniquement des icônes noires et utiliser par ailleurs la couleur que je veux sur les bannières de catégorie. Le fond blanc fonctionne, mais alors toutes les icônes sont aussi blanches et sur un fond blanc, ce n’est pas très fonctionnel non plus…

1 « J'aime »

Le composant de thème de bannière de catégorie a la possibilité de remplacer la couleur de l’icône dans les bannières (afin qu’elle corresponde toujours à la couleur du texte de la bannière)… vous pourriez donc activer ceci

Screenshot 2023-11-16 at 10.44.31 AM

et définir la couleur de l’icône dans le composant de thème des icônes de catégorie :

Screenshot 2023-11-16 at 10.45.37 AM

Je peux comprendre que définir la couleur pour chaque icône serait désagréable pour de nombreuses catégories, donc si vous la voulez d’une seule couleur, vous pourriez utiliser du CSS à la place :

.badge-category__icon .d-icon {
  color: var(--primary-high);
}
3 « J'aime »

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