Início » Internet » WhatsApp Web tem modo escuro que pode ser ativado no navegador

WhatsApp Web tem modo escuro que pode ser ativado no navegador

WhatsApp Web possui modo escuro "oculto" no código da página no navegador; saiba como ativar no Google Chrome e Firefox

Felipe Ventura Por

O modo escuro no WhatsApp Web parece estar iminente: é possível ativar o dark mode alterando o código da página no navegador para incluir a palavra “dark”. Isso significa que o WhatsApp para PC (Windows e macOS) também deve receber este recurso em breve. Os aplicativos para iPhone e Android já possuem dark mode.

WhatsApp Web com modo escuro

A descoberta foi feita pelo WABetaInfo e testada com sucesso pelo Tecnoblog. As cores da interface são mais semelhantes ao app para Android, em vez do fundo 100% preto utilizado no iPhone.

O WhatsApp Web usa cores descritas como “azul bastante escuro (quase preto)” pelo ColorHexa, ferramenta para analisar a composição de cores. É possível medir a luminosidade em comparação ao preto (0%) e branco (100%): esse dark mode oculto tem níveis entre 7% e 17%, contra o intervalo de 93% a 100% na versão clara atual.

O plano de fundo das conversas adota o tom mais escuro, contrastando com os balões verde-escuro das mensagens que você enviou. O dark mode “forçado” já altera todos os elementos da interface, incluindo a lista de conversas à esquerda, as configurações e os Status (stories). Basicamente, só falta lançar.

Como ativar modo escuro no WhatsApp Web

WhatsApp Web com modo escuro

Você pode usar o WhatsApp no modo escuro seguindo esses passos:

  • abra o WhatsApp Web, clique com o botão direito em qualquer lugar da página e escolha a opção Inspecionar (Google Chrome, Microsoft Edge) ou Inspecionar elemento (Firefox, Opera);
  • a interface que se abre mostra o código da página, então clique na barra de rolagem e arraste-a até o topo;
  • no campo <body class=”web”…, clique duas vezes em “class” e insira a palavra dark com espaço (vai ficar <body class=”dark web”);
  • pressione Enter e o modo escuro será ativado.

Existe um modo mais rápido de fazer isso, como explica Matheus Eduardo na TB Comunidade:

  • abra o WhatsApp Web;
  • insira o seguinte texto na barra de endereços do seu navegador, prestando atenção para incluir o “javascript:” no início:

javascript:document.querySelectorAll('body')[0].className += ' dark';void(0)

  • tecle Enter.

Se você recarregar a página, terá que aplicar este método novamente; é possível salvar o comando JavaScript como um atalho para reativar o modo escuro de forma mais fácil. Também vale lembrar que existe uma extensão de navegador que permite deixar o WhatsApp Web com tema escuro.

WhatsApp Web com modo escuro

Comentários da Comunidade

Participe da discussão
9 usuários participando

Os mais notáveis

Comentários com a maior pontuação

Matheus Eduardo Guimarães (@matheuseduardo)

usei uma “linha de comando” na barra de endereço do navegador pra facilitar:
javascript:document.querySelectorAll('body')[0].className += ' dark';void(0)

Felipe Ventura (@felipe)

Ótima dica, atualizamos o post para incluir no texto. Obrigado!

Marks Duarte (@marksduarte)

Na expectativa!
Já que pra usar o modo escuro no PC, instalei como web app pelo Edge/Chrome e deixo a extensão Dark Mode ativada, mas não fica 100% já que o nome dos contatos nos grupos ficam um pouco escuros.

Daniel Correia (@Daniel)

No Edge novo ele fez uma busca no google com esse commando