Tema escuro: como ativar e por que minhas cores somem nele

← Voltar

O informer «Tema» oferece ao visitante um botão 🌙/☀️. No tema escuro, o fundo e as cores de texto e de links da janela de estilos não são aplicados — é assim por design.

  1. Adicione um item de menu com o módulo «Tema» (código informer_theme) — por meio de «Selecionar» → «Informers». Salve.
  2. Um botão 🌙 aparecerá no menu. O visitante clica nele — o site fica escuro e o botão muda para ☀️.

A escolha é lembrada no navegador do visitante. Por padrão o site é claro: ele só fica escuro se o próprio visitante clicar no botão.

Por que as cores somem. No tema escuro, os blocos não usam as cores definidas na janela de estilos: fundo, cor do texto e cor dos links. Caso contrário, um bloco de fundo claro com texto escuro continuaria sendo uma mancha clara, e um texto claro sumiria no fundo escuro. Todo o resto funciona: fonte, tamanho, bordas, sombras, margens, imagem de fundo. O gradiente sobre a imagem é desativado.

Por isso, configure as cores no tema claro. Se você abrir a janela de estilos no tema escuro, aparecerá no cabeçalho dela uma dica de que as cores do bloco só são visíveis no tema claro.

Se não funcionou

  • Salvei a cor e nada mudou. Você está com o tema escuro ativado. Clique em ☀️ e confira.
  • O visitante vê o site escuro e você o vê claro. O tema é individual e fica salvo no navegador de cada um.
  • A cor inserida no texto da página permaneceu no tema escuro. O tema escuro só recolore as configurações da janela de estilos. A cor dentro do texto da seção permanece como foi definida.
O artigo ajudou?

Veja também

Como colocar logotipo e faviconAmbas as imagens são carregadas nas configurações do informer «Logotipo» — pelos campos «Logotipo» e «Favicon».Como estilizar um bloco: borda, fundo, espaçamento, sombraPasse o mouse sobre o bloco e clique na engrenagem — abrirá a janela de estilos com as abas «Borda», «Bloco», «Texto», «Links», «Animação», «Posicionamento».Como adicionar um contador ou widget de terceiros em todas as páginasAba «Sobre o site» nas configurações gerais, campo «Código HTML de widgets» — o código é inserido em cada página do site.O que são informers no menuSão pequenos widgets que ficam no menu junto com os itens: logotipo, carrinho, busca, seletor de idioma, chat e outros.

Na seção de ajuda você encontrará respostas para perguntas frequentes e instruções úteis sobre como usar o construtor de sites Site Look. Aqui você pode aprender como gerenciar seções, adicionar objetos e configurar o site. Os materiais são úteis tanto para iniciantes quanto para usuários experientes. Se você não encontrou a resposta, entre em contato com o suporte.