---
title: Personalização
canonical: https://developer.unico.io/pt-BR/dual-api/developers/sdks-and-tools/web/web-sdk/customization
locale: pt-BR
generated_by: markdown-export
---

O Web SDK suporta duas dimensões de personalização: idioma e tema visual.

## Idioma

Configure o idioma das mensagens informativas nos frames de captura por meio do método `setLocale`. Use o enum `LocaleTypes`:

- `LocaleTypes.PT_BR` — Português (Brasil)
- `LocaleTypes.ES_MX` — Espanhol (México)
- `LocaleTypes.ES_ES` — Espanhol (Espanha)
- `LocaleTypes.EN_US` — Inglês (EUA)

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

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

:::info
- Uma ativação remota pode ser necessária para utilizar este recurso. Caso queira utilizá-lo, notifique seu gerente de projeto ou o suporte da Unico.
- Se não configurado, o SDK utiliza o Português como idioma padrão.
:::

Consulte [Referência de API > Enums](/dual-api/developers/sdks-and-tools/web/web-sdk/api-reference/enums) para a lista completa de valores `LocaleTypes` suportados.

## Tema

Personalize o frame de captura usando o `UnicoThemeBuilder`. Crie uma instância e invoque os métodos que personalizam cada propriedade do frame 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();
```

Após gerar o objeto de tema, passe-o para `setTheme`:

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

:::info[setHtmlPopupLoading]
O parâmetro `setHtmlPopupLoading` é específico para o fluxo de captura de documentos.
:::

:::warning[Escopo de personalização]
Não há outras dimensões de personalização além do que o `UnicoThemeBuilder` expõe. Se você precisar de uma UI totalmente proprietária, consulte a opção [Capture Standard](/developers/sdks-and-tools/capture-standard) (integração com API headless).
:::