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