> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/handbuch/layout/buttons/konfiguration.md).

# 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`

{% hint style="info" %}
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**
{% endhint %}

***

### 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`

{% hint style="info" %}
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**
{% endhint %}

***

### Heller Button

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#f9f9f9`

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

**Technischer Name**:\
`twt-color-light-button`

{% hint style="info" %}
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**
{% endhint %}