CSS-Trick, um die Farbe von Icons zu ändern?

Nachdem wir die Sache mit dem einzelnen Kategorienstil hatten, folgen die Farben meiner Kategorie-Icons jetzt der Hintergrundfarbe der Kategorieeinstellungen, und das ist… nicht so schön.

Ein Screenshot könnte meinen/ihren Schmerz etwas besser erklären:

(Fast) Entschuldigung für die seltsame Sprache, aber hoffentlich versteht ihr meinen Punkt.

Ich weigere mich einfach, pro Kategorie unterschiedliche Hintergrundfarben einzurichten. Teilweise, weil es das Aussehen von Kategoriebannern zerstört, aber hauptsächlich, weil all diese verschiedenen Farben in keiner Weise informativ sind, sondern ein sehr unruhiges Gefühl vermitteln.

Ich verstehe vollkommen, dass manche einfach eine sehr bunte Umgebung lieben, aber hier oben im Norden lieben wir einen minimalistischen und farblosen Ansatz, der unsere Depression maximiert :rofl:

Im Grunde brauche ich dringend Hilfe, um nur schwarze Icons zu verwenden und ansonsten die Farbe zu verwenden, die ich für Kategoriebanner mag. Ein weißer Hintergrund funktioniert, aber dann sind alle Icons auch weiß und auf einem weißen Hintergrund ist das auch nicht so funktional…

1 „Gefällt mir“

Die Kategorie-Banner-Themenkomponente hat die Option, die Icon-Farbe in Bannern zu überschreiben (damit sie immer mit der Bannertextfarbe übereinstimmt)… Sie könnten dies also aktivieren

Screenshot 2023-11-16 at 10.44.31 AM

und die Icon-Farbe in der Kategorie-Icons-Themenkomponente festlegen:

Screenshot 2023-11-16 at 10.45.37 AM

Ich könnte mir vorstellen, dass das Festlegen der Farbe für jedes Icon für viele Kategorien unangenehm wäre. Wenn Sie also alles in einer Farbe haben möchten, könnten Sie stattdessen CSS verwenden:

.badge-category__icon .d-icon {
  color: var(--primary-high);
}
3 „Gefällt mir“

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