---
language: es
title: Configurar los colores del widget
category: Widget
summary: Aprende a elegir una plantilla de color y personalizar los colores de los elementos del widget de TuCalendi desde la opción Apariencia.
---

# Configurar los colores del widget

Para personalizar los colores del widget de TuCalendi debes acceder a la [opción **"Apariencia"** del widget](https://www.tucalendi.com/en/s/widget/widget-appearance).

Elige la **plantilla de color** que quieras para tu widget.

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

En este ejemplo hemos seleccionado la plantilla **"Personalizado"**.

Puedes cambiar los colores de distintos elementos del widget:

- **Color principal**
- **Color de los enlaces**
- **Color de los botones**
- **Color de fondo**
- **Color del texto de los botones**

En todos los casos puedes elegir alguno de los colores que ves o escribir el **código hexadecimal** del color, simplemente haciendo clic en cada uno de los campos de color.

En el ejemplo, la combinación de colores que elegimos es la siguiente:

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

Para que los cambios se apliquen debes hacer clic en **"Guardar"**. Los colores del widget habrán cambiado y se verá con la nueva combinación que hayas elegido.

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

> [!WARNING]
> NOTA: Si no cambias la plantilla de color, el widget de TuCalendi aparecerá con los **colores predeterminados** que hemos establecido.