O modo escuro forçado do Google Chrome para páginas da web está chegando a todas as plataformas

Com a crescente adoção de telas de smartphones OLED, os modos escuros estão ganhando popularidade em várias plataformas. O Android Q traz um modo escuro nativo e isso levou muitos desenvolvedores a se interessarem nos modos escuro nativo em seus aplicativos. O próprio Google vem adicionando alternâncias individuais para os modos escuros em muitos de seus aplicativos, incluindo Pesquisa do Google, Fotos, Keep, Arquivos e muitos outros. Enquanto isso, houve várias tentativas de renderizar sites no modo escuro no Google Chrome e, devido ao âmbito mais amplo de elementos de interface do usuário na web, isso parecia estar demorando mais em comparação aos aplicativos.

Em abril, o Google adicionou um sinalizador do Chrome para ativar um modo escuro na versão beta do navegador. Na verdade, isso funcionou ao inverter as cores em toda a interface do usuário da versão 74 do Chrome. Eventualmente, com a atualização para o Chrome 77, o modo escuro ficou notavelmente melhor com a exclusão adicional de imagens de serem invertidas no modo escuro. Mas agora, há um novo sinalizador do Chrome que substitui os modos escuros anteriores por uma opção completa para forçar o modo escuro em todos os sites. Essa opção ativa um plano de fundo em todos os sites sem reverter as cores ou rasgar a legibilidade das imagens.

Como ativar o modo escuro forçado para páginas da Web no Google Chrome

  1. Faça o download do Chrome Canary, a versão em desenvolvimento do navegador que é atualizada todos os dias com recursos novos e experimentais.
  2. Digite chrome: // sinalizadores na barra de endereço. Aqui, você encontrará sinalizadores ou alternadores do Chrome para recursos experimentais no Chrome.
  3. Na barra de pesquisa da página, procure o Modo Forçar Escuro para Conteúdo da Web

  4. Toque no menu suspenso com Padrão como a opção selecionada e defina-o como Ativado. Acho que a opção "Ativado com inversão seletiva de elementos sem imagem" funciona melhor no meu caso no Android.
  5. Você será solicitado a reiniciar o navegador. Toque em Reiniciar para ver as alterações aplicadas.

É mais provável que altere o plano de fundo da página para preto e o texto em branco, mantendo intactos os demais elementos coloridos. Como você pode ver acima, todas as cores, exceto o plano de fundo e o texto, permanecem inalteradas.

Se você deseja inverter as cores dos elementos da interface do usuário, também pode escolher os perfis de cores do HSL e CIELAB com base nos quais a inversão de cores ocorrerá.

O recurso é compatível com todas as plataformas, incluindo Android, Windows, Mac, Linux e ChromeOS. Para mim, o recurso parece estável e consistente no Android e no Mac, e espero que isso seja movido para o canal de desenvolvimento do Chrome em breve.


Via: Techdows