> 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/componentes/sdk-provider/propiedades/theme.md).

# theme

## Detalles

**Atributo:** `theme`

**Tipo:** `Theme`

**Valor por defecto:** `undefined`

### Theme

| Campo             | Tipo                | Descripción          |
| ----------------- | ------------------- | -------------------- |
| `fontName`        | `string`            | Nombre de la fuente. |
| `logo`            | `string`            | Ruta o URL del logo. |
| `primaryColor`    | `string`            | Color principal.     |
| `secondaryColor`  | `string`            | Color secundario.    |
| `tertiaryColor`   | `string`            | Color terciario.     |
| `backgroundColor` | `string` (opcional) | Color de fondo.      |

## Morfología

```typescript
provider.theme = {
    logo: '/assets/img/logo.jpg',
    primaryColor: 'blue',
    secondaryColor: 'white',
    tertiaryColor: 'black'
};
```

## Descripción

Objeto de tema visual aplicado por `facephi-sdk-provider` a los componentes hijos (colores, tipografía y logo).

***

## Ejemplo

```jsx
<facephi-sdk-provider
    apikey={process.env.FACEPHI_SDK_APIKEY}
    theme={{
        logo: '/assets/img/logo.jpg',
        primaryColor: 'blue',
        secondaryColor: 'white',
        tertiaryColor: 'black'
}}
/>
```