# 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 texto e muito mais. Você pode deixar o tema com a cara da sua empresa. 

<figure><img src="/files/u21Dk1LPfWjfkDW3VlYE" alt=""><figcaption></figcaption></figure>

Personalize as cores utilizadas no seu tema de acordo com a sua preferência. Defina nas seções abaixo as cores do seu tema e dos elementos da página. Clique no quadro de campo de cor para abrir o disco de seleção de cores ou informe o código hexadecimal da cor desejada. Saiba mais sobre código hexadecimal [aqui](https://html-color-codes.info/Codigos-de-Cores-HTML/).

{% hint style="success" %}
**Dica!** 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.
{% endhint %}

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.&#x20;

As cores são divididas em grupos menores para facilitar a organização e localização delas. Os grupos estão listados a seguir.&#x20;

Clique sobre cada um para visualizar as variáveis de cores pertencentes aquele grupo.

{% content-ref url="/pages/ycKg7Il7Znpl9FvmZJvE" %}
[Cores gerais do tema](/colecao-standard-v2/painel-do-tema/cores/cores-gerais-do-tema.md)
{% endcontent-ref %}

{% content-ref url="/pages/vbYEuH7EigDPkZPZWHwp" %}
[Cabeçalho](/colecao-standard-v2/painel-do-tema/cores/cabecalho.md)
{% endcontent-ref %}

{% content-ref url="/pages/o4gCyf9xDtiPIYeYcsrf" %}
[Menu de Categorias](/colecao-standard-v2/painel-do-tema/cores/menu-de-categorias.md)
{% endcontent-ref %}

{% content-ref url="/pages/Opm3dm1qz9FtEP6GrQj5" %}
[Segmentação](/colecao-standard-v2/banners-e-imagens/segmentacao.md)
{% endcontent-ref %}

{% content-ref url="/pages/97THuxset9ONzty4bhbh" %}
[Vitrines](/colecao-standard-v2/painel-do-tema/cores/vitrines.md)
{% endcontent-ref %}

{% content-ref url="/pages/9XYvWibeObkR4Z6Zqff9" %}
[Selos](/colecao-standard-v2/painel-do-tema/cores/selos.md)
{% endcontent-ref %}

{% content-ref url="/pages/vkN2ULXRg0XFQB7Bo1oY" %}
[Newsletter](/colecao-standard-v2/painel-do-tema/layout/newsletter.md)
{% endcontent-ref %}

{% content-ref url="/pages/gZWTE1HpGevT4Kz1ap4P" %}
[Rodapé](/colecao-standard-v2/painel-do-tema/cores/rodape.md)
{% endcontent-ref %}

{% content-ref url="/pages/2HmjyunWe4FNJxGMjHzH" %}
[Aviso de Implantação](/colecao-standard-v2/painel-do-tema/cores/aviso-de-implantacao.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://manuais.starads.com.br/colecao-standard-v2/painel-do-tema/cores.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.