Traslatability | Dark Mode

Description

O Dark Mode lê e recolora as folhas de estilo do site elemento por elemento, montando um tema escuro automático sem exigir CSS manual em cada template. O motor carrega sob demanda somente quando o visitante ativa a alternância, evita o clarão branco na primeira renderização e serve tanto para blogs quanto para lojas que querem oferecer leitura noturna sem pesar no carregamento de quem não usa o recurso.

Principais Características do Dark Mode

• Motor de recoloração automática
  Lê as folhas de estilo do site e recolore cada elemento sem exigir CSS manual por template.
• Carregamento sob demanda
  Baixa o engine de tema escuro somente quando o visitante ativa a alternância, sem pesar o carregamento padrão.
• Prevenção de flash branco
  Aplica o tema escuro antes da primeira pintura da página, evitando o clarão branco inicial.
• Seis paletas predefinidas
  Inclui Ink, Slate, True Black, Warm, Midnight e Forest para ajustar o nível de contraste.
• Alternador customizável
  Quatro estilos de switch, cinco posições de canto, atalho de teclado (Alt + letra) e parâmetro de URL (?dark=1).

Benefícios do Dark Mode

• Leitura noturna sem esforço
  Reduz o cansaço visual de quem acessa o site à noite ou em ambientes com pouca luz.
• Zero impacto de performance para quem não usa
  O engine só é carregado quando o modo escuro é ativado pelo visitante.
• Ativação flexível
  Quem navega escolhe entre clicar no switch, usar o atalho de teclado ou abrir um link direto com o parâmetro de URL.
• Compatibilidade ampla
  Funciona em blocos, shortcodes, links e itens de menu sem precisar reescrever templates existentes.

Para Quem o Dark Mode é Indicado?

• Quem publica conteúdo com leitura noturna frequente, como blogs e portais de notícia, e quer reduzir o cansaço visual dos leitores.
• Quem vende produtos por WooCommerce e quer manter o catálogo confortável de navegar em qualquer horário do dia.
• Quem já recebe pedidos de visitantes por um modo escuro e prefere ativar a opção sem reescrever CSS manualmente para cada template.

Como Baixar o Dark Mode

O Dark Mode está disponível para download aqui no Ultrapack. Após baixar o arquivo .zip, instale em Plugins > Adicionar Novo > Enviar plugin, selecione o arquivo e ative. Depois de ativado, a alternância de tema escuro passa a aparecer nas configurações do plugin no painel do WordPress.

Diferente de temas que dependem de um modo escuro nativo, o Dark Mode funciona sobre o CSS já existente do site, recolorindo blocos, shortcodes e itens de menu sem exigir troca de tema. Combinando seis paletas prontas com atalho de teclado e link direto por parâmetro de URL, ele atende tanto sites institucionais quanto lojas que buscam uma opção de leitura noturna sem comprometer o carregamento de quem não ativa o recurso.

Frequently asked questions