Global customization

Web SDK customization.

The 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.

Design customization example:

The design used by the SDK Web and its components can be modified via 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 various components.

---

Text customization example

The texts can be modified, either partially or completely:

{
  "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.

---

Customization of assets at the SelphID and Selphi widget level

The Selphi and SelphID widgets can be modified, in addition to the previously mentioned ways, at the assets graphics.

For more information, we recommend reviewing the component customization guides:

• Customization of the SelphID component (Document).

• Customization of the Selphi component (Facial).