---
title: Personalización
canonical: https://developer.unico.io/es/dual-api/developers/sdks-and-tools/web/web-sdk/customization
locale: es
generated_by: markdown-export
---

El Web SDK admite dos dimensiones de personalización: idioma y tema visual.

## Idioma

Configure el idioma de los mensajes informativos en los marcos de captura mediante el método `setLocale`. Utilice el enum `LocaleTypes`:

- `LocaleTypes.PT_BR` — Portugués (Brasil)
- `LocaleTypes.ES_MX` — Español (México)
- `LocaleTypes.ES_ES` — Español (España)
- `LocaleTypes.EN_US` — Inglés (EE. UU.)

```javascript
import {
  UnicoCheckBuilder,
  LocaleTypes
} from "unico-webframe"

unicoCameraBuilder.setLocale(LocaleTypes.EN_US);
```

:::info
- Es posible que se requiera una activación remota para usar esta función. Si desea utilizarla, notifique a su gestor de proyecto o al soporte de Unico.
- Si no se configura, el SDK utiliza el portugués como idioma predeterminado.
:::

Consulte [Referencia de API > Enums](/dual-api/developers/sdks-and-tools/web/web-sdk/api-reference/enums) para obtener la lista completa de valores admitidos en `LocaleTypes`.

## Tema

Personalice el marco de captura usando `UnicoThemeBuilder`. Cree una instancia e invoque los métodos que personalizan cada propiedad del marco de captura:

```javascript
const unicoTheme = new UnicoThemeBuilder()
  .setColorSilhouetteSuccess("#0384fc")
  .setBackgroundColor("#dff1f5")
  .setColorText("#0384fc")
  .setBackgroundColorComponents("#0384fc")
  .setColorTextComponents("#dff1f5")
  .setBackgroundColorBoxMessage("#fff")
  .setColorTextBoxMessage("#fff")
  .setBackgroundColorButtons("#0384fc")
  .setColorTextButtons("#dff1f5")
  .setColorCancelButton("#0384fc")
  .setColorProgressBar("#0384fc")
  .setFontFamily("Arial, sans-serif") // v3.19.2+
  .setHtmlPopupLoading(`<div style="position: absolute; top: 45%; right: 50%; transform:
    translate(50%, -50%); z-index: 10; text-align: center;">Loading...</div>`)
  .build();
```

Después de generar el objeto de tema, páselo a `setTheme`:

```javascript
unicoCameraBuilder.setTheme(unicoTheme);
```

:::info[setHtmlPopupLoading]
El parámetro `setHtmlPopupLoading` es específico del flujo de captura de documentos.
:::

:::warning[Alcance de la personalización]
No hay otras dimensiones de personalización disponibles más allá de las que expone `UnicoThemeBuilder`. Si necesita una interfaz completamente propia, consulte la opción [Capture Standard](/developers/sdks-and-tools/capture-standard) (integración con API headless).
:::