> 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/sdks/sdk-mobile/ios-sdk/personalizacion.md).

# Personalización

## Colores y logo

Para cambiar los colores y el logo del SDK, se deben incluir **Assets** en la carpeta `Resources` de la aplicación del cliente.

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

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

### Generales

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

### Específicos de componentes

* Video llamadas: `sdkActionsBackgroundColor`, `sdkButtonBackgroundColor`
* Video identificación: `sdkTopIconsVideoColor`

**Nota:** cambiar los colores principales (`sdkPrimaryColor`, `sdkErrorColor`, `sdkSuccessColor`, `sdkNeutralColor`, `sdkAccentColor`) también afectará a las animaciones.

{% hint style="info" %}
Los componentes **Selphi** y **SelphID** utilizan su propio paquete de recursos (`zip`), por lo que **no se ven afectados** por esta personalización.
{% endhint %}

## Animaciones <a href="#id-2-animaciones" id="id-2-animaciones"></a>

Si se desea modificar las animaciones (**Lottie**) de la SDK, basta con incluir las nuevas animaciones con el **mismo nombre** en la aplicación.

Los nombres exactos de las animaciones están documentados en la sección de personalización de cada componente.

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

Los textos pueden personalizarse sobreescribiendo el valor de las claves en un fichero `Localizable.strings`.

* Las claves con sufijo **`_alt`** son los textos utilizados en las etiquetas de **accesibilidad** necesarias para la funcionalidad de **VoiceOver**.
* Cada componente incluye el listado de claves disponibles para modificación.

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

* Añade los archivos `.ttf` a la aplicación.
* Asigna el **nombre exacto** esperado por el SDK. Si el nombre no coincide, la fuente no se aplicará.

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

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

Para personalizar los múltiples iconos que aparecen en el SDK, crea los recursos en los ASSETS de la aplicación con los siguientes nombres:

```
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
```