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

# theme

## Details

**Attribute:** `theme`

**Type:** `Theme`

**Default value:** `undefined`

### Theme

| Field             | Type                | Description              |
| ----------------- | ------------------- | ------------------------ |
| `fontName`        | `string`            | Font name.               |
| `logo`            | `string`            | Path or URL of the logo. |
| `primaryColor`    | `string`            | Primary color.           |
| `secondaryColor`  | `string`            | Secondary color.         |
| `tertiaryColor`   | `string`            | Tertiary color.          |
| `backgroundColor` | `string` (optional) | Background color.        |

## Morphology

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

## Description

Visual theme object applied by `facephi-sdk-provider` to child components (colors, typography, and logo).

***

## Example

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