Theme-Farben
Last updated
Was this helpful?
Last updated
Was this helpful?
Im Reiter Farben findest Du die globalen Farbeinstellungen des Themes. Die Primärfarbe (1) und Sekundärfarbe (2) sind die Hauptfarben des Shops.
Der Wert für Meta Theme-Farbe (6) gibt eine Farbe an, die Browser verwenden sollten, um die Anzeige der Seite oder der umgebenden Benutzeroberfläche anzupassen. Insbesondere bei mobilen Endgeräten zu sehen.
Die globalen Hintergrundfarben des Shops sind in Body Hintergrund und Shop Hintergrund unterteilt. Der Body Hintergrund (4) ist dabei der Hintergrund des gesamten HTML-Dokumentes (Body). Der Shop Hintergrund (5) ist der Hintergrund des Shops, der wiederum auf dem HTML-Dokument liegt.
Es gibt im Theme bestimmte Bereiche, deren Vordergrundfarbe anhand der Hintergrundfarbe ermittelt wird. Das ist beispielsweise bei den Primärbuttons der Fall. Das Kontrastverhältnis bestimmt, wann die Helligkeit der Farbe von "dunkel" zu "hell" wechselt.
Beispiel:
In Shopware 6.5 wurde die Berechnungsgrundlage auf die Web Content Accessibility Guidelines (WCAG) angepasst.
Der Kontrast Schwellenwert (1) dient also zur Berechnung von Kontrastfarben. Ist die Hintergrundfarbe eines Buttons z.B. altrosa #d9ab98 wird bei einem Schwellenwert von 4.5 die Vordergrundfarbe als Kontrastfarbe dunkel errechnet. Bei einem Schwellenwert von 2 wird die Vordergrundfarbe des Buttons hell errechnet.
