# Cores

A aba **Cores** permite você personalizar várias variáveis de cores que controlam vários aspectos do seu tema, como cor dos títulos, cor do fundo da loja, cor do texto e muito mais. Você pode deixar o tema com a cara da sua empresa. Caso queira fazer testes mas sem que isso reflita para os clientes da usa loja, basta duplicar e fazer as edições no tema duplicado.

![](https://2884932333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXcvR20Plhqns8crni1qC%2Fuploads%2Fgit-blob-6c927a43b8841a5ad809cac5d31543dacf9a065a%2Fheader-painel-cores.png?alt=media)

As variáveis de cores são especificadas no formato hexadecimal, muito utilizado na internet. Você poder fornecer o código no campo, ou clicar na caixa ao lado do campo para abrir o seletor de cores. Ao clicar numa cor o seletor de cor irá preencher com o código hexadecimal equivalente a cor escolhida. A imagem abaixo da um exemplo desse processo.

<figure><img src="https://2884932333-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXcvR20Plhqns8crni1qC%2Fuploads%2Fgit-blob-75a602a15d60ec4c53c38587a4a712ffece82a95%2FScreenshot_1.png?alt=media" alt=""><figcaption></figcaption></figure>

As cores são dividias em grupos menores para facilitar a organização e localização delas. Os grupos estão listados abaixo. Clique sobre cada um para visualizar as variáveis de cores pertencentes aquele grupo.