TopBar

Configuração das cores da TopBar

Nesta seção, serão destacados os locais onde a mudança de cor da aba "TopBar" influenciará no tema.

• A cor da TopBar irá alterar o fundo da TopBar da loja:

• Cor Única:

Para definir uma única cor de fundo na sua loja, siga estes passos:

1. Insira a cor desejada no campo "Cor do fundo".

2. Deixe o campo "Cor do fundo (gradient)" vazio.

• Efeito Gradiente:

Para criar um efeito gradiente, siga estas instruções:

1. No campo "Cor do fundo (gradient)", insira o seguinte texto:

   linear-gradient(to right, #eefa05 0%,#05faea 37%,#1d05fa 62%,#996a1a 100%)

2. Substitua os códigos hexadecimais (#eefa05, #05faea, #1d05fa, #996a1a) pelas cores desejadas.

Cada código hexadecimal (começando com "#") representa uma cor. No exemplo acima, o gradiente será composto pelas seguintes cores:

• Amarelo (#eefa05)

• Turquesa (#05faea)

• Azul (#1d05fa)

• Marrom (#996a1a)

Você pode ajustar esses códigos para criar o gradiente com até quatro cores de sua escolha.

Caso queira o mesmo efeito do tema, configure dessa forma:

linear-gradient(to right, (COR 1) 0%, (COR 2) 37%, (COR 2) 62%, (COR 1) 100%)

Também é possível alterar as porcentagens para que gradiente fique maior ou menor.