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

# Global customization

SDK Web is highly customizable, both in design and in text or images.

To change the design of the Selphi or SelphID components, the customization variables offered by the SDK Provider can be used.

For more details about SDK Web customization, see the section on [Customization of the SDK Provider](/docs.facephi-en/sdks/sdk-web/personalizacion.md).

### Design customization example:

The design used by SDK Web and its components can be modified through CSS:

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

This configuration will be applied internally to the different components.

***

### Text customization example

The texts can be modified, either partially or completely:

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

In this example, the default language of the SDK Provider, SelphID, and Selphi components is changed to use the English language offered by default and to change some literals of the Selphi and SelphID widgets.

***

### Asset customization at the level of SelphID and Selphi widgets

Selphi and SelphID widgets can be modified, in addition to the ways mentioned above, at the level of *assets* graphics.

For more information, we recommend reviewing the customization guides for the components:

* [Customization of the SelphID component (Document)](/docs.facephi-en/sdks/sdk-web/componentes/selphid-documentos/personalizacion.md).
* [Customization of the Selphi component (Facial)](/docs.facephi-en/sdks/sdk-web/componentes/selphi-biometria-facial/personalizacion.md).
