# Topo do tema

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

**Cor de fundo**: Cor de fundo do topo do tema, ou seja, o cabeçalho.

**Cor dos ícones**: Cor dos ícones exibidos no topo do tema, incluindo ícone de carrinho, conta e pesquisa.

**Cor dos textos**: Cor dos textos exibidos no topo, basicamente as informações da conta.

**Cor dos links ao passar o mouse**: Cor do texto ao passar o mouse sobre os links de ajuda, minha conta e carrinho.

**Cor do fundo quantidade no carrinho**: Cor de fundo onde é exibido a quantidade de produto no carrinho.

**Cor do número quantidade no carrinho**: Cor do texto para a quantidade de produtos no carrinho.

**Cor de fundo do menu de navegação**: Cor utilizada no fundo do menu principal da loja, o que aparece logo abaixo do logo e do campo de pesquisa.

**Cor do texto do primeiro nível do menu de navegação**: Cor utilizada nos textos do primeiro nível do menu, o que aparece logo abaixo do logo e do campo de pesquisa.

**Cor do texto do primeiro nível do menu de navegação ao passar o mouse**: Cor utilizada nos itens do primeiro nível do menu. Ao passar o mouse sobre um dos itens, uma barra verde aparecerá logo abaixo.

**Cor de fundo dos submenus de navegação**: Cor utilizada no fundo dos submenus, ou seja, segundo nível do menu. Caso o primeiro nível tenha subcategorias, um box será exibido com essa cor aplicada ao fundo.

**Cor do texto dos demais níveis do menu de navegação**: Cor utilizada em todos os itens do submenu de navegação, ou seja, segundo e terceiro níveis. Recomendamos uma cor que contraste com a cor escolhida anteriormente.

**Cor do texto dos demais níveis do menu de navegação ao passar o mouse**: Cor utilizada quando passar o mouse sobre um item do submenu de navegação, ou seja, segundo e terceiro níveis.

**Cor do texto do item principal dos demais níveis do menu de navegação**: Cor utilizada no título da subcategoria quando o menu tiver um terceiro nível. Repare que as cores serão invertidas nesse caso, no qual ao passar o mouse a cor será a mais escura. A imagem abaixo ilustra melhor esse comportamento.


---

# 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.sete.digital/pagina-inicial/tema-profit-tray/painel-do-tema/cores/topo-do-tema.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.