# 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 sua loja, basta duplicar e fazer as edições no tema duplicado.

![](https://106852260-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9I77PXROSF1cgZXrvqWf%2Fuploads%2FwhzFRWROIqLlrw2Z7q6P%2F007.png?alt=media\&token=11f3a43b-2e19-4342-8cc5-24fde2bc667b)

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 cor. 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.

![](https://106852260-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Me_3A1BF5isQCVgS3xL%2F-Me_4CPE9NdUl3ZNMfgL%2F-Me_80rSPc-DjXWeaMRM%2Ftheme-dashboard-v3.1-colors-change-color.gif?alt=media\&token=33d6a2ef-9c51-4b5e-9c28-46df14ee6ae7)

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