Avada bietet keine eingebaute automatische Dark-Mode-Umschaltung. Es ist jedoch möglich, über CSS und das prefers-color-scheme Media Query einen Dark Mode zu implementieren. Für die meisten Websites empfehlen wir, stattdessen auf sehr gute Kontraste im Standard-Design zu setzen und keine Dark-Mode-Variante zu bauen.
Schnellster Weg: Hex-Werte aus Avada Global Colors kopieren und im WebAIM Contrast Checker eingeben. Für eine vollständige Prüfung der gesamten Website empfehlen wir das Browser-Plugin axe DevTools oder WAVE, die alle Kontrastverstöße auf einer Seite automatisch markieren.
WCAG 2.2 AA fordert mindestens 4,5:1 für normalen Text und 3:1 für großen Text (ab 18pt unformatiert bzw. 14pt fett) sowie für UI-Komponenten wie Buttons und Formularrahmen. Mit dem WebAIM Contrast Checker lässt sich das schnell prüfen.
Avada Global Colors ist ein zentrales Farbverwaltungssystem im Theme Options Panel. Hier werden alle Farben einmalig definiert und stehen dann im gesamten Fusion Builder zur Verfügung. Ändert man eine Global Color, wirkt sich das sofort auf alle Stellen aus, wo diese Farbe verwendet wird.