> For the complete documentation index, see [llms.txt](https://docs.grano.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.grano.app/conteudo/lms/setup-do-cliente/temas.md).

# Temas

Aqui você pode visualizar e editar as cores utilizadas por sua empresa na plataforma.

Para editar, acesse <https://manager.grano.app/admin/theme_colors> e clique no lápis de edição.

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FAG5cFYQKh15pwWBVCtRz%2FCaptura%20de%20Tela%202023-03-12%20a%CC%80s%2016.50.42.png?alt=media&amp;token=19d01363-053e-4ca7-a21a-bfdd91290b30" alt=""><figcaption></figcaption></figure></div>

Você verá a lista de todas as cores que são utilizadas:

### **Primary:**

Cor principal do cliente. Utilizada em botões, títulos, textos e cores de fundo.&#x20;

### **Secondary:**

Cor secundária do Cliente. Utilizado em botões, títulos, textos e cores de fundo.

### **Tertiary:**

Cor terciária do Cliente. Utilizado muito pouco, em alguns textos.

### **Error:**

Cor utilizada em alertas, avisos, e na resposta errada de cards do tipo pergunta/resposta.

### **Warning:**

Cor utilizada em alertas, avisos, e na resposta certa de cards do tipo pergunta/resposta.

### **Gray:**

Cor de fundo da aplicação e utilizada em alguns textos. Ex.: Home

### **Dark gray:**

Cor utilizada em textos. Ex.: FAQ

### **Light gray:**

Cor utilizada na barra de progresso e no card de treinamento/módulo.

Para editar qualquer cor é só clicar em cima do retângulo e selecionar a cor desejada ou digitar o código. Caso queira colocar o código em HSL ou HEX, basta clicar em cima do RGB.

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2F0SBvCeooPiz1R16zHGek%2FCaptura%20de%20Tela%202023-03-12%20a%CC%80s%2017.02.41.png?alt=media&amp;token=e11557e9-9937-485a-a1d0-6791313835c6" alt=""><figcaption></figcaption></figure></div>

## Veja a seguir, alguns exemplos de onde as cores são utilizadas:

<div align="center"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FowFbUB7Ts5q5TLGMQDk5%2Fimage.png?alt=media&amp;token=3ecf5180-290f-4356-890a-ab4c9ee4075e" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
Caso queira realizar alguma alteração e tenha dificuldade, solicite ajuda ao **Time Grano** através do e-mail <hello@grano.app>
{% endhint %}

***

> *© 2026 Grano Edtech LTDA. Todos os direitos reservados.*