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

# theme

## Detalhes

**Atributo:** `theme`

**Tipo:** `Theme`

**Valor por padrão:** `undefined`

### Theme

| Campo             | Tipo                | Descrição               |
| ----------------- | ------------------- | ----------------------- |
| `fontName`        | `string`            | Nome da fonte.          |
| `logo`            | `string`            | Caminho ou URL do logo. |
| `primaryColor`    | `string`            | Cor principal.          |
| `secondaryColor`  | `string`            | Cor secundária.         |
| `tertiaryColor`   | `string`            | Cor terciária.          |
| `backgroundColor` | `string` (opcional) | Cor de fundo.           |

## Morfologia

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

## Descrição

Objeto de tema visual aplicado por `facephi-sdk-provider` aos componentes filhos (cores, tipografia e logo).

***

## Exemplo

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