Trucco CSS per cambiare il colore delle icone?

[Jagster (Jakke Lehtonen)]

Dopo che abbiamo ottenuto un’unica cosa in stile categoria, i colori delle mie icone di categoria ora seguono il colore di sfondo delle impostazioni di categoria e questo è… non molto bello.

Uno screenshot potrebbe spiegare un po’ meglio il mio/il loro dolore:

(Quasi) mi scuso per il linguaggio strano ma spero che tu capisca il mio punto.

Mi rifiuto di impostare colori di sfondo diversi per categoria. In parte perché rompe l’aspetto dei banner di categoria, ma soprattutto perché tutti quei colori diversi non sono informativi in alcun senso, ma danno una sensazione molto irrequieta.

Capisco perfettamente che ad alcuni piaccia un ambiente molto colorato, ma qui al nord amiamo un approccio minimalista e incolore che massimizza la nostra depressione

Fondamentalmente, ho disperatamente bisogno di aiuto per usare solo icone nere e altrimenti usare qualsiasi colore mi piaccia sui banner di categoria. Lo sfondo bianco funziona, ma poi anche tutte le icone sono bianche e su uno sfondo bianco non è molto funzionale…

[awesomerobot (Kris)]

Il componente del tema del banner di categoria ha l’opzione per sovrascrivere il colore dell’icona nei banner (in modo che corrisponda sempre al colore del testo del banner)… quindi potresti abilitare questa opzione

e impostare il colore dell’icona nel componente del tema delle icone di categoria:

Tuttavia, potrei capire come impostare il colore per ogni icona sarebbe spiacevole per molte categorie, quindi se vuoi che sia tutto di un colore, potresti usare il CSS invece:

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