Hallo,
ich stelle seit dem Update auf 6.6.x.x fest, dass einige Buttons einen sehr schwachen Kontrast haben, da die Schriftfarbe nun schwarz ist:
Da bei uns diverse Plugins und ein custom Theme installiert sind, wollte ich hier fragen, ob die Farbe so normal ist oder ob es evtl. von einem Plugin kommt.
Danke und viele Grüße
js
Hey @jstr!
Wir hatten das selbe Problem. Ursache ist, dass Shopware die Bootstrap color-contrast Funktion nutzt, damit basierend auf der gewählten Button-Farbe automatisch eine „kontrastreiche“ Text-Farbe gewählt wird. Die color-contrast Funktion ist hier dokumentiert: Sass · Bootstrap v5.2
Die Funktion erzeugt standardmäßig einen Text-Kontrast der höher als 4.5:1 ist. Wir können diesen Wert aber anpassen. Wir haben etwas rumprobiert und rausgefunden, dass der Text für diese Button-Standardfarbe wieder weiß wird, wenn man das Verhältnis auf 4.4655:1 setzt.
Dazu haben wir in unserem Theme folgendes zu unserer overrides.scss hinzugefügt:
/*
We need to decrease the value by a little amount to have white text on buttons.
We want to stay as close as possible to the default value of 4.5 defined by the WCAG specification.
See https://getbootstrap.com/docs/5.2/customize/sass/#color-contrast
*/
$min-contrast-ratio: 4.4655;
Weitere Infos zur overrides.scss findest du hier: Override Bootstrap Variables in a Theme | Shopware Documentation