Navigation

ThemeWare® Handbuch

Konfiguration

Farbkonfiguration


Primär-Button

Feldtyp:
Farbauswahl

Beispiel Wert:
$sw-color-brand-primary

Pfad zur Einstellung:
Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-color-primary-button

Hier kannst du die Hintergrundfarbe für den Primär-Button konfigurieren.

Textfarbe / Hover-Effekt:
Gemäß Bootstrap wird die Textfarbe automatisch aus diesem Farbwert invertiert.
Für den Hover-Effekt wird dieser Farbwert automatisch abgedunkelt.

Variable: $twt-color-primary-button


Sekundär-Button

Feldtyp:
Farbauswahl

Beispiel Wert:
$sw-color-brand-secondary

Pfad zur Einstellung:
Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-color-secondary-button

Hier kannst du die Hintergrundfarbe für den Sekundär-Button konfigurieren.

Textfarbe / Hover-Effekt:
Gemäß Bootstrap wird die Textfarbe automatisch aus diesem Farbwert invertiert.
Für den Hover-Effekt wird dieser Farbwert automatisch abgedunkelt.

Variable: $twt-color-secondary-button


Heller Button

Feldtyp:
Farbauswahl

Beispiel Wert:
#f9f9f9

Pfad zur Einstellung:
Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration"

Technischer Name:
twt-color-light-button

Hier kannst du die Hintergrundfarbe für den "Hellen Button" konfigurieren.

Textfarbe / Hover-Effekt:
Gemäß Bootstrap wird die Textfarbe automatisch aus diesem Farbwert invertiert.
Für den Hover-Effekt wird dieser Farbwert automatisch abgedunkelt.

Variable: $twt-color-light-button

Zuletzt aktualisiert am

Diese Seite im Netz: https://doku.themeware.design/handbuch/layout/buttons/konfiguration · ThemeWare® Service Portal, service.themeware.design