> For the complete documentation index, see [llms.txt](https://docs.powerembedded.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerembedded.com.br/portal-de-administracao/configuracoes/tela-de-login/personalizar-cores.md).

# Personalizar cores

### Login

<figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FPttpi5vcEE403VNrYqmN%2FLogin-cores-1.png?alt=media&amp;token=53628b31-1334-4741-aee8-ec6eb5f2ad93" alt=""><figcaption></figcaption></figure>

### Botões

<figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2F9rlm6A56NsjMC7DpQ165%2FBotoes-cor.png?alt=media&amp;token=5b94c20f-b8cc-4cbf-862d-eadfc83b2e1a" alt=""><figcaption></figcaption></figure>

**Atenção:** a personalização dos **botões** acima, só será efetiva caso o drop-down esteja na opção “Personalizado”.

<div align="left"><figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FG45X2vSrqzSSuQEJhdcM%2Fconfig-botao.png?alt=media&amp;token=0d75437d-7830-4747-acc6-ec30c62dceb1" alt=""><figcaption></figcaption></figure></div>

Caso você deixe marcado na opção "Colorido", os botões terão uma cor padrão conforme o método de autenticação.

<div align="left"><figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2F97DarK6okveJFpP5e2Np%2FBot%C3%B5es%20coloridos%20-%20Tela%20de%20login.png?alt=media&amp;token=1257ed62-b590-416e-8be0-b795427d1c40" alt=""><figcaption></figcaption></figure></div>

### Hover

Essa cor é visível quando o usuário passa o mouse sobre o elemento.

<figure><img src="https://2938845060-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ft2gQSHbraGsYbDGTmWAa%2Fuploads%2FAyw7D7vp5S5njVRReCnu%2FHover.png?alt=media&amp;token=74684381-29b7-493c-9cde-5d14696608ab" alt=""><figcaption></figcaption></figure>