> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/docs.facephi-pt-br/sdks/sdk-mobile/ios-sdk/personalizacion.md).

# Personalização

## Cores e logo

Para alterar as cores e o logo do SDK, devem ser incluídos **Assets** na pasta `Resources` do aplicativo do cliente.

<div align="left"><figure><img src="/files/031b68a1d03d2cd6b153226d8856ad778a979499" alt="" width="272"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/712db9558fd0648d6a467604a40fa7ac77a0c985" alt="" width="414"><figcaption></figcaption></figure></div>

### Gerais

```
sdkAccentColor
sdkBackgroundPrimaryColor
sdkBackgroundSecondaryColor
sdkBackgroundDisabled
sdkBodyTextColor
sdkDisabledBackgroundColor
sdkButtonTextColor
sdkErrorColor
sdkNeutralColor
sdkPrimaryColor
sdkSecondaryColor
sdkSuccessColor
sdkTitleTextColor
sdkTopIconsColor
```

### Específicos de componentes

* Videochamadas: `sdkActionsBackgroundColor`, `sdkButtonBackgroundColor`
* Videoidentificação: `sdkTopIconsVideoColor`

**Nota:** alterar as cores principais (`sdkPrimaryColor`, `sdkErrorColor`, `sdkSuccessColor`, `sdkNeutralColor`, `sdkAccentColor`) também afetará as animações.

{% hint style="info" %}
Os componentes **Selphi** e **SelphID** utilizam seu próprio pacote de recursos (`zip`), portanto **não são afetados** por esta personalização.
{% endhint %}

## Animações <a href="#id-2-animaciones" id="id-2-animaciones"></a>

Se desejar modificar as animações (**Lottie**) do SDK, basta incluir as novas animações com o **mesmo nome** no aplicativo.

Os nomes exatos das animações estão documentados na seção de personalização de cada componente.

## Textos <a href="#id-3-textos" id="id-3-textos"></a>

Os textos podem ser personalizados sobrescrevendo o valor das chaves em um arquivo `Localizable.strings`.

* As chaves com sufixo **`_alt`** são os textos utilizados nos rótulos de **acessibilidade** necessárias para a funcionalidade de **VoiceOver**.
* Cada componente inclui a lista de chaves disponíveis para modificação.

## Fontes <a href="#id-4-fuentes" id="id-4-fuentes"></a>

* Adicione os arquivos `.ttf` ao aplicativo.
* Atribua o **nome exato** esperado pelo SDK. Se o nome não corresponder, a fonte não será aplicada.

<div align="left"><figure><img src="/files/a8b2a3ba8b3e93fda0fb00d4273407688d93ea3f" alt=""><figcaption></figcaption></figure></div>

## Ícones genéricos <a href="#id-6-iconos-de-la-barra-superior" id="id-6-iconos-de-la-barra-superior"></a>

Para personalizar os vários ícones que aparecem no SDK, crie os recursos em ASSETS do aplicativo com os seguintes nomes:

```
sdk_logo
ic_sdk_close
ic_sdk_close_arrow
ic_sdk_error_connection
ic_sdk_error_timeout
ic_sdk_unknown_error
ic_sdk_permission_camera
ic_sdk_permission_micro
ic_sdk_permission_generic
ic_sdk_info
ic_sdk_pager_back
ic_sdk_pager_forward
```