On-Farben für Text und Elemente

Die On-Farben sind in verschiedene Abstufungen unterteilt und können je nach Kontrastwert für Texte, Icons und andere dekorative Elemente verwendet werden.
Jede Hintergrundgruppe (basic + inverted) hat einen definierten Satz von On-Farben.

Für Texte stehen drei Farbtoken für Background Basic und eine Farbvariable für Background Inverted zur Auswahl, die alle auf den jeweiligen Hintergründen mindestens 4,5:1 Kontrast aufweisen.

Für Icons stehen vier Farbtoken für Background Basic und eine Farbvariable für Background Inverted zur Auswahl, die alle auf den jeweiligen Hintergründen mindestens 3:1 Kontrast aufweisen.

Für Borders stehen vier Farbtoken für Background Basic und eine Farbvariable für Background Inverted zur Auswahl.