> For the complete documentation index, see [llms.txt](https://docs.solarvis.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.solarvis.co/documentation/es/solarvis-modules/ai-sales-assistant/theme.md).

# Tema

## Propósito de Esta Página <a href="#purpose-of-this-page" id="purpose-of-this-page"></a>

Utilice esta página para definir los colores, el estilo de fondo y la tipografía utilizados por el Asistente de Ventas con IA. La vista previa en vivo le permite revisar sus cambios antes de aplicarlos, ayudando a garantizar que el asistente se integre perfectamente en su sitio web.

## Qué Puede Hacer Aquí <a href="#what-you-can-do-here" id="what-you-can-do-here"></a>

* Seleccionar un tema predefinido con colores de encabezado y patrones de fondo predeterminados
* Utilizar la imagen de marca de su empresa o definir colores primarios y secundarios personalizados
* Elegir la familia tipográfica utilizada en todo el Asistente de Ventas con IA
* Previsualizar el asistente en modo claro u oscuro antes de guardar
* Guardar la configuración del tema para su sitio web

## Cómo Funciona <a href="#how-it-works" id="how-it-works"></a>

La página de Tema está dividida en dos áreas:

* **El panel de configuración** a la izquierda es donde personaliza la apariencia del asistente.
* **Vista previa en vivo** a la derecha es donde puede ver inmediatamente cómo se verá el tema seleccionado en su sitio web.

La mayoría de los cambios visuales se reflejan instantáneamente en la vista previa, permitiéndole evaluar el asistente antes de guardar.

{% hint style="info" %}
La vista previa en vivo es solo para visualización. Su sitio web no se actualiza hasta que seleccione **Guardar**.
{% endhint %}

## Panel de Configuración <a href="#configuration-panel" id="configuration-panel"></a>

La apariencia del asistente se personaliza en esa área de manera fácil y rápida.

### Temas Predefinidos <a href="#theme-presets" id="theme-presets"></a>

Los temas predefinidos ofrecen combinaciones listas de colores de encabezado y patrones de fondo para la conversación.

Cada tema predefinido define:

* Estilo de color del encabezado
* Patrón de fondo de la conversación

Las combinaciones de temas predefinidos disponibles incluyen:

* Encabezado primario o secundario sin patrón de fondo
* Encabezado primario o secundario con patrón de cruces (+)
* Encabezado primario o secundario con patrón de puntos

Cualquier tema predefinido puede seleccionarse para actualizar inmediatamente la vista previa en vivo. El tema seleccionado se indica con una marca de verificación.

### Colores de la Empresa <a href="#company-colors" id="company-colors"></a>

Active **Usar colores de la empresa** para utilizar automáticamente los colores de marca configurados en los ajustes de su empresa.

Cuando esta opción está activada:

* El asistente hereda los colores de marca primarios y secundarios de su organización.
* La edición manual de colores se desactiva.

Esta es la opción recomendada si desea que el asistente mantenga la coherencia con la imagen de marca de su sitio web.

### Colores Personalizados <a href="#custom-colors" id="custom-colors"></a>

Desactive **Usar colores de la empresa** para definir un esquema de colores personalizado específicamente para el Asistente de Ventas con IA.

**Color primario**: define el color principal de la marca utilizado en todo el asistente.

**Color secundario**: define el color de acento secundario utilizado por el tema seleccionado.

Para ambos colores, puede:

* Ingresar un valor de color hexadecimal
* Seleccionar un color usando el selector de color

{% hint style="info" %}
El color que aparece en el encabezado del asistente depende del tema predefinido seleccionado. Los temas con **Encabezado primario** muestran el color primario, mientras que los temas con **Encabezado secundario** muestran el color secundario.
{% endhint %}

### Familia Tipográfica <a href="#font-family" id="font-family"></a>

La **familia tipográfica** se utiliza en un menú desplegable para seleccionar la tipografía utilizada en toda la interfaz del Asistente de Ventas con IA.

Las fuentes disponibles incluyen:

* system-ui
* Inter
* Roboto
* Open Sans
* Poppins
* Lato
* Montserrat

La fuente seleccionada se refleja inmediatamente en la vista previa en vivo.

## Panel de Vista Previa en Vivo <a href="#live-preview-panel" id="live-preview-panel"></a>

El panel de vista previa en el lado derecho de la página muestra cómo aparecerá el Asistente de Ventas con IA cuando se integre en su sitio web.

La vista previa se actualiza automáticamente a medida que modifica:

* Tema predefinido y patrón de fondo
* Colores
* Familia tipográfica

{% hint style="info" %}
**Nota:** El modo oscuro solo afecta la vista previa. No habilita el modo oscuro para su sitio web ni cambia la configuración guardada del tema.
{% endhint %}

***

## Páginas Relacionadas <a href="#related-pages" id="related-pages"></a>

* [Asistente de Ventas con IA](/documentation/es/solarvis-modules/ai-sales-assistant.md)
* [Configuración General](/documentation/es/solarvis-modules/ai-sales-assistant/general-settings.md)
* [Configuración de Costos](/documentation/es/solarvis-modules/ai-sales-assistant/cost-configuration.md)
* [Regulaciones](/documentation/es/solarvis-modules/ai-sales-assistant/regulations.md)
* [Prueba de Configuración de Costos](/documentation/es/solarvis-modules/ai-sales-assistant/cost-configuration-test.md)
* [Capacitación](/documentation/es/solarvis-modules/ai-sales-assistant/training.md)
* [Saludo](/documentation/es/solarvis-modules/ai-sales-assistant/greeting.md)
* [Recorrido del Usuario Final del Asistente de Ventas con IA](/documentation/es/solarvis-modules/ai-sales-assistant/ai-sales-assistant-end-user-journey.md)

Si encuentra algún problema, [no dude en contactarnos.](https://solarvis.co/en/company/contact)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.solarvis.co/documentation/es/solarvis-modules/ai-sales-assistant/theme.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.