# Customize colors

### Login

<figure><img src="https://2731617315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdK3JKuIebMeMb9nnUas8%2Fuploads%2Fgit-blob-6b225a4a37d62208642e57e604f966b360304bd6%2FLogin-cores-1.png?alt=media" alt=""><figcaption></figcaption></figure>

### Buttons

<figure><img src="https://2731617315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdK3JKuIebMeMb9nnUas8%2Fuploads%2Fgit-blob-56977f12cec5143c78371960737b3d833e7b6651%2FBotoes-cor.png?alt=media" alt=""><figcaption></figcaption></figure>

Attention: The button customization above will only take effect if the drop-down is set to “**Custom**.”

<div align="left"><figure><img src="https://2731617315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdK3JKuIebMeMb9nnUas8%2Fuploads%2Fgit-blob-453006b4bee04f6af55aaf8762d2b52ef74a3128%2Fconfig-botao.png?alt=media" alt=""><figcaption></figcaption></figure></div>

If you select the "Colored" option, the buttons will have a default color based on the authentication method.

<div align="left"><figure><img src="https://2731617315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdK3JKuIebMeMb9nnUas8%2Fuploads%2Fgit-blob-76d3b1baebed47a5b9d58c67a086b863ad0b8b37%2FBot%C3%B5es%20coloridos%20-%20Tela%20de%20login.png?alt=media" alt=""><figcaption></figcaption></figure></div>

### Hover

This color is visible when the user hovers over the element.

<figure><img src="https://2731617315-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdK3JKuIebMeMb9nnUas8%2Fuploads%2Fgit-blob-63ab872e3589463883ee8882d018383b895d79b3%2FHover.png?alt=media" alt=""><figcaption></figcaption></figure>