> 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/hauptfarben/konfiguration.md).

# Konfiguration

***

### Primärfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#0c72a7`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Hauptfarben"

**Technischer Name**:\
`sw-color-brand-primary`

{% hint style="info" %}
In diesem Feld sind derzeit keine ThemeWare® Variablen ($twt-...) möglich.

Variable: **$sw-color-brand-primary**
{% endhint %}

***

### Sekundärfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#404b58`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Hauptfarben"

**Technischer Name**:\
`sw-color-brand-secondary`

{% hint style="info" %}
In diesem Feld sind derzeit keine ThemeWare® Variablen ($twt-...) möglich.

Variable: **$sw-color-brand-secondary**
{% endhint %}

***

### Rahmenfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#eaeaf0`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Hauptfarben"

**Technischer Name**:\
`sw-border-color`

{% hint style="info" %}
In diesem Feld sind derzeit keine ThemeWare® Variablen ($twt-...) möglich.

Variable: **$sw-border-color**
{% endhint %}

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#fafafa`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Hauptfarben"

**Technischer Name**:\
`sw-background-color`

{% hint style="info" %}
In diesem Feld sind derzeit keine ThemeWare® Variablen ($twt-...) möglich.

Variable: **$sw-background-color**
{% endhint %}

***

### Primärfarbe (Hell)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#2a96cf`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Hauptfarben"

**Technischer Name**:\
`twt-color-brand-primary-light`

{% hint style="info" %}
Eine helle Nuance der Primärfarbe.

Variable: **$twt-color-brand-primary-light**
{% endhint %}

***

### Primärfarbe (Dunkel)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#104d6e`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Hauptfarben"

**Technischer Name**:\
`twt-color-brand-primary-dark`

{% hint style="info" %}
Eine dunklere Nuance der Primärfarbe.

Variable: **$twt-color-brand-primary-dark**
{% endhint %}

***

### Sekundärfarbe (Hell)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#4b5867`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Hauptfarben"

**Technischer Name**:\
`twt-color-brand-secondary-light`

{% hint style="info" %}
Eine helle Nuance der Sekundärfarbe.

Variable: **$twt-color-brand-secondary-light**
{% endhint %}

***

### Sekundärfarbe (Dunkel)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#353e49`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "Hauptfarben"

**Technischer Name**:\
`twt-color-brand-secondary-dark`

{% hint style="info" %}
Eine dunklere Nuance der Sekundärfarbe.

Variable: **$twt-color-brand-secondary-dark**
{% endhint %}