> ## Documentation Index
> Fetch the complete documentation index at: https://docs.scrivot.cl/llms.txt
> Use this file to discover all available pages before exploring further.

# Apariencia del widget

> Personaliza colores, tipografía e ícono del chatbot

## Opciones de apariencia

Desde **Widget → Apariencia** en el dashboard puedes personalizar:

### Colores

| Campo               | Descripción                                 | Valor por defecto |
| ------------------- | ------------------------------------------- | ----------------- |
| **Color primario**  | Color de los encabezados y burbujas del bot | `#6366f1`         |
| **Color de texto**  | Color del texto dentro del chat             | `#ffffff`         |
| **Color del botón** | Color del FAB (botón flotante)              | `#6366f1`         |

Los colores se ingresan en formato hexadecimal (ej. `#ff5733`).

### Bordes redondeados

| Campo                       | Descripción                                    |
| --------------------------- | ---------------------------------------------- |
| **Border radius (widget)**  | Redondez de las esquinas de la ventana de chat |
| **Border radius (burbuja)** | Redondez de los mensajes individuales          |

Valores en píxeles — `0` = esquinas cuadradas, `16` = muy redondeado.

### Ícono personalizado

Puedes subir tu propio ícono para el botón flotante:

* **Formatos aceptados**: PNG, JPEG, WEBP
* **Tamaño máximo**: 2 MB
* **Recomendación**: imagen cuadrada de al menos 64×64px

<Note>
  Si no subes un ícono personalizado, se usa el logo de Scrivot por defecto.
</Note>

***

## Vista previa

Los cambios de apariencia se pueden previsualizar directamente en el dashboard antes de publicar. Los cambios se aplican en tiempo real al guardar — no necesitas reinstalar el script.