Updates für überarbeitete Farboptionen

Nach der Überarbeitung der Typografie-Optionen haben wir nun auch die Farboptionen in Angriff genommen und grundlegend verbessert. Unsere neuesten Themes haben hier eher wenige Anpassungen benötigt, sodass die größten Änderungen vor allem in den etwas älteren Themes enthalten sind.

Umstellung auf CSS-Variablen

Für die Implementierung der Farboptionen war immer sehr viel Inline-CSS notwendig, weil im Endeffekt jede Definition einer Farbe in der style.css des Themes überschrieben werden muss, wenn in den Einstellungen abweichende Farben konfiguriert werden. Dazu wurde für alle Selektoren, IDs und Klassen die Farbe einfach mit CSS neu definiert und im Header der Website eingefügt, um die Standardwerte zu überschreiben.

Mit den neuesten Updates haben wir nun alle Farboptionen auf die Verwendung von CSS-Variablen umgestellt. Anstatt manuell dutzende von CSS-Selektoren überschreiben zu müssen, reicht nun die Modifikation der Farbvariable. Das erfordert sehr wenig Inline-CSS, erhöht die Performance und verbessert außerdem die Live-Preview im Customizer. Die Preview im Customizer war immer etwas unvollständig, weil manche Selektoren wie Hover-Styles schwierig zu überschreiben waren.

Erweiterung der bestehenden Farboptionen

Ebenfalls haben wir in manchen Themes je nach Bedarf zusätzliche Farboptionen hinzugefügt, damit sich einzelne Elemente flexibler und granularer gestalten lassen. Beispielsweise gibt es jetzt statt einer Farboption für den kompletten Content-Bereich separate Optionen für Links, Buttons und Titel von Beiträgen, sodass diese auch unterschiedlich sein können.

Wir empfehlen deshalb, nach Installation des Updates im Customizer die Farboptionen zu kontrollieren und bei Bedarf die neu hinzukommenden Optionen einzustellen.

Einführung von Farboptionen für den Block Editor

Schlussendlich ist im Customizer neben dem Reiter „Theme Farben“ nun auch ein neues Panel „Block Farben“ verfügbar, mit dem die Farbpalette für den Gutenberg Block Editor konfiguriert werden kann. Damit können die Block Farben nun an das Theme angepasst werden und sind nicht mehr fest definiert, sondern flexibel und frei wählbar.


Aktualisierte Themes und Add-ons:
Die Updates wurden für alle aktuellen Themes vorgenommen, die nicht für die Ausmusterung im Jahr 2022 vorgesehen sind.