> For the complete documentation index, see [llms.txt](https://manuais.sete.digital/pagina-inicial/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manuais.sete.digital/pagina-inicial/colecao-maxxy/painel-do-tema/cores.md).

# 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://12026896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhrxarU2cQLILCfC6Oi8O%2Fuploads%2FvsP7wVaiX2JSMVOlAmS4%2Fheader-painel-cores.png?alt=media\&token=41dd0d58-75d7-4f39-ac43-686e09fa557b)

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://12026896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FhrxarU2cQLILCfC6Oi8O%2Fuploads%2FhgHIFxKAdv5IiUfMRUEZ%2FScreenshot_1.png?alt=media&amp;token=dfc59ee4-fa6e-4d91-a8d6-ec36f5b7aca2" 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.