---
language: de
title: Widget-Farben festlegen
category: Widget
summary: So wählst du eine Farbvorlage und passt Haupt-, Link-, Button- und Hintergrundfarben deines TuCalendi Widgets individuell an.
---

# Widget-Farben festlegen

Um die Farben im TuCalendi Widget anzupassen, öffnest du die [Option **"Darstellung"** des Widgets](https://www.tucalendi.com/en/s/widget/widget-appearance).

Wähle die **Farbvorlage** aus, die du für dein Widget möchtest.

![Appearance custom template](https://www.tucalendi.com/images/content/widget/en/v2-calendar-appearance-custom-template.png)

In diesem Beispiel haben wir die Vorlage **"Benutzerdefiniert"** ausgewählt.

Du kannst die Farben verschiedener Elemente des Widgets ändern:

- **Hauptfarbe**
- **Farbe der Links**
- **Farbe der Buttons**
- **Hintergrundfarbe**
- **Textfarbe der Buttons**

In allen Fällen kannst du eine der angezeigten Farben auswählen oder den **Hexadezimalcode** der Farbe eingeben. Klicke dazu einfach auf das jeweilige Farbfeld.

Im Beispiel haben wir folgendes Farbschema gewählt:

![Widget colors](https://www.tucalendi.com/images/content/widget/en/v2-widget-colors.png)

Damit die Änderungen übernommen werden, klickst du auf **"Speichern"**. Danach hat dein Widget die neuen Farben und erscheint in der Kombination, die du gewählt hast.

![Widget with custom colors](https://www.tucalendi.com/images/content/widget/en/widget-colores-personalizados.png)

> [!WARNING]
> HINWEIS: Wenn du die Farbvorlage nicht änderst, wird das TuCalendi Widget mit den von uns festgelegten **Standardfarben** angezeigt.