> For the complete documentation index, see [llms.txt](https://docs.pixeleyes.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pixeleyes.de/anleitungen-instructions/deutsch/dokumentation-unserer-shopware-6-plugins/bonuspunkte-and-treueprogramm/pluginkonfiguration/design-and-farben.md).

# Design & Farben

## Design & Farben

Alle Farbfelder sind optional. Wird ein Feld leer gelassen, verwendet das Plugin die Primärfarbe des aktiven Themes.

### Akzentfarbe (Fortschrittsbalken, Highlights)

Hauptfarbe für den Fortschrittsbalken im Bonuskonto sowie sonstige Hervorhebungen.

* **Leer:** Theme-Primärfarbe

### Positiv-Farbe (Punkte+)

Farbe für positive Transaktionen (Punkte erhalten) in der Transaktionsliste.

* **Leer:** Bootstrap-Success-Farbe des aktiven Themes

***

### Großes Punkte-Badge (Bonuskonto-Anzeige)

Das große Badge zeigt den aktuellen Punktestand des Kunden prominent an (z. B. „2.140 Punkte").

#### Hintergrundfarbe

* **Leer:** Theme-Primärfarbe

#### Textfarbe

* **Leer:** Weiß

***

### Kleine Punkte-Badges bei Prämien

Die Badges zeigen auf jeder Prämien-Karte die benötigten Punkte an (z. B. „100 Punkte").

#### Hintergrundfarbe

* **Leer:** Gedämpfte Theme-Primärfarbe

#### Textfarbe

* **Leer:** Theme-Primärfarbe

***

### Kleine Punkte-Badges bei Bestellungen (+20)

Die Badges neben ausstehenden Bestellungen zeigen an, wie viele Punkte die Bestellung einbringt.

#### Hintergrundfarbe

* **Leer:** Gedämpfte Bootstrap-Success-Farbe

#### Textfarbe

* **Leer:** Bootstrap-Success-Farbe