> 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-web/ejemplos-de-integracion/personalizacion-global.md).

# Personalización global

El SDK Web es altamente personalizable, tanto diseño, como textos o imágenes.

Para cambiar el diseño de los componentes Selphi o SelphID se podrán utilizar las variables de personalización ofrecidas por el SDK Provider.

Para más detalles sobre la personalización del SDK Web consulta la sección de [personalización del SDK Provider](/sdks/sdk-web/personalizacion.md).

### Ejemplo de personalización de diseño:

El diseño que utiliza el SDK Web y sus componentes puede modificarse mediante CSS:

```css
facephi-sdk-provider {
  --wrapper-color-primary: #3f2eff;
  --wrapper-color-secondary: #ffffff;
  --wrapper-color-hover: rgb(106, 93, 250);
}
```

Esta configuración se aplicará internamente a los distintos componentes.

***

### Ejemplo de personalización de textos

Los textos se pueden modificar, ya sea parcial o totalmente:

```json
{
  "sdk": "en",
  "selphi": {
    "en": {
      "Initializing...": "Wait a second..."
      (...)
    }
  },
  "selphid": {
    "en": {
      "Initializing...": "Wait a second..."
      (...)
    }
  }
}
```

En este ejemplo se cambia el idioma por defecto de los componentes SDK Provider, SelphID y Selphi para utilizar el idioma inglés ofrecido por defecto y cambiar algunos literales de los widgets Selphi y SelphID.

***

### Personalización de assets a nivel de widgets SelphID y Selphi

Los widgets Selphi y SelphID pueden modificarse, además de las maneras anteriormente mencionadas, a nivel de *assets* gráficos.

Para más información recomendamos revisar las guías de personalización de los componentes:

* [Personalización del componente SelphID (Documento)](/sdks/sdk-web/componentes/selphid-documentos/personalizacion.md).
* [Personalización del componente Selphi (Facial)](/sdks/sdk-web/componentes/selphi-biometria-facial/personalizacion.md).