Colors
Im Abschnitt Colors sind einige Klassen vorgegeben, die im Rahmen des entsprechenden Verticals verwendet werden können. Von einer übermäßigen Verwendung der Farben wird dringend abgeraten. Im Allgemeinen ist es nicht notwendig nachträglich Farben hinzuzufügen, da jedes Vertical ein stimmiges und barrierefreies Farbkonzept beinhaltet, das keiner Anpassung bedarf.
Decorative base colors
-
Primary
--color-decorative-primary -
Secondary
--color-decorative-secondary -
Tertiary
--color-decorative-tertiary
Grey colors
-
Grey
--color-grey -
Grey Dark
--color-grey-dark -
Grey Darkest
--color-grey-darkest
Text
-
Text Base
--color-text-base -
Text Link
--color-text-link -
Text Error
--color-text-error -
Text Lightest
--color-text-lightest
Panel Backgrounds
-
Panel Heavy
--bgcolor-block-heavy -
Panel Light
--bgcolor-block-light -
Panel Dark
--bgcolor-block-dark -
Panel Colored
--bgcolor-block-colored
Alert Backgrounds
-
Message Default
--color-message-default -
Message Success
--color-message-success -
Message Info
--color-message-info -
Message Error
--color-message-error
Borders and Lines
-
Border
--color-border -
Hr
--color-hr