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.

A few classes that can be used with the corresponding vertical are given in the ‘Colors’ section. Excessive use of colors is strongly discouraged. It is generally not necessary to add colors retroactively because each vertical contains a harmonious and accessible color concept that does not require any adjustment.

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

Global color palette

This is the total of all colors that are possible on Berlin.de. However, a very limited selection of colors is selected for each vertical.