> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xquiz.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Tema

> Personalize o visual do seu quiz com a função Tema

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/xquiz-12076fbf/DabTafNhExNz5i1G/images/tema.png?fit=max&auto=format&n=DabTafNhExNz5i1G&q=85&s=2887dc27d15d9afd313f8769815cf6ed" width="755" height="500" data-path="images/tema.png" />

A aba **Tema** do XQuiz é onde você define toda a identidade visual do seu funil.\
É aqui que você pode deixar seu quiz com a cara da sua marca, cores, logo, espaçamento e muito mais.

**Visualização por Página**

No canto direito da tela, você encontra um menu suspenso com a opção de selecionar qual página do quiz deseja visualizar no preview.

Isso é ótimo para ver como as cores, espaçamentos e o estilo visual se aplicam em diferentes etapas do seu funil.

**Identidade**

* **Logo Padrão**: Envie a logo principal que será exibida no seu quiz.

* **Ícone do Site**: Ícone que aparece na aba do navegador.

**Estilo**

**Cores do Funil**

* **Modo Escuro**: Ative ou desative o tema escuro do seu quiz.

* **Principal**: Define a cor principal para botões e elementos de destaque.

* **Texto**: Escolha a cor da tipografia do seu funil.

* **Fundo**: Personalize a cor de fundo do quiz.

**Espaçamento e Bordas**

* **Espaçamento**: Define o espaço entre os elementos (Muito Pequeno, Pequeno, Padrão, Grande e Muito Grande).

* **Arredondamento**: Ajusta o grau de curvatura dos cantos de alguns elementos, como por exemplo, o botão.

**Preview em tempo real**

Todas as mudanças feitas são aplicadas automaticamente na prévia à direita, assim você consegue testar e visualizar o resultado antes de publicar!
