Skip to main content
Skip table of contents

Main Theme

Unter Main Theme lassen sich die Farben für die Darstellung der Web App festlegen. Durch Angabe einer Farbe unter Main Color lässt sich eine Hauptfarbe definieren. Ausgehend von der Hauptfarbe werden die restlichen Farben automatisch berechnet. Die Farben lassen sich jedoch auch einzeln definieren.

In der folgenden Tabelle sehen Sie die standardmäßige Verwendung der für die im Farbschema definierte Farbe (Color) und den definierten Kontrast (Contrast):

Mit Contrast kann zwischen schwarz und weiß umgeschaltet werden.

Color SchemeColorContrast
50

Zebra-Tabelle

  • Hintergrund der geraden Zeile

Zebra-Tabelle

  • Schriftfarbe der geraden Zeile
100

Zebra-Tabelle

  • Hintergrund der ungeraden Zeile

Zebra-Tabelle

  • Schriftfarbe der ungeraden Zeile
200

Zebra-Tabelle

  • Hintergrund bei Mouseover

Zebra-Tabelle

  • Schriftfarbe bei Mouseover
300

Fenster für Cookie-Zustimmung

  • Hintergrund

400

Button

  • Hintergrund bei Mouseover

Button

  • Schriftfarbe bei Mouseover
500

Webseite

  • Hintergrund

Header

  • Hintergrund

Menü

  • Hintergrund des gewählten Menü-Eintrags

TextBox

  • Labels der aktiven TextBox
  • gewähltes Datum im Datepicker

Button

  • Hintergrund

ComboBox

  • gewählter Eintrag bei geöffneter Liste

Datepicker

  • gewähltes Datum

Login

  • Hintergrund

TabGroup

  • Aktiver Tab

Webseite

  • Schriftfarbe

Header

  • Schriftfarbe

Menü

  • Schriftfarbe des gewählten Menü-Eintrags

Button

  • Schriftfarbe
600

Grid Component

  • Rahmenfarbe
  • Hintergrund bei Mouseover

Header

  • Rahmenfarbe
  • Farbverlauf

700

Fenster für Cookie-Zustimmung

  • Textfarbe

800

Fenster für Cookie-Zustimmung

  • Textfarbe

900

Grid Component

  • Textfarbe bei Mouseover
  • Textfarbe ausgewählter Text
  • Textfarbe Alternativtext

Footer

  • Textfarbe

A100

Web App

  • Hintergrund
  • RadioButton
  • CheckBox


A200

Menü:

  • Hintergrund bei Mouseover

Zebra-Tabelle

  • Hintergrund der gewählten Zeile

Zebra-Tabelle

  • Schriftfarbe der gewählten Zeile
A400

Zebra-Tabelle

  • Hintergrund der Tabellenkopfzeile

Link

  • Schriftfarbe

Zebra-Tabelle

  • Schriftfarbe der Tabellenkopfzeile
A700

Fenster für Cookie-Zustimmung

  • Schaltflächenhintergrund

DateTime Picker

  • Schaltfläche Today

AccordionControl

  • Textfarbe

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.