O Windows 11 tem a opção de usar o modo escuro ou claro em qualquer aplicativo. A Microsoft tem uma ferramenta semelhante disponível para chamada de ferramenta de renderização no Edge. A ferramenta de renderização pode “emular esquemas escuros ou claros na página renderizada” permitindo que você veja como seria um site
Portanto, se você deseja uma opção para ativar o modo escuro ou claro sem usar uma extensão do Edge como o Dark Reader, pode usar a ferramenta Rendering no Edge.
É importante notar que a A ferramenta de renderização no Edge é uma ferramenta de desenvolvimento web destinado a ser usado por desenvolvedores da Web para ver a aparência de uma página da Web em diferentes opções de exibição ou para pessoas com deficiências visuais, como daltonismo.
As ferramentas do desenvolvedor em qualquer navegador são apenas para teste, portanto, não é possível salvar as alterações feitas nesta ferramenta. Você só pode fazer alterações e salvar as alterações apenas em seu código.
Ativar ferramentas do desenvolvedor
Semelhante à guia Renderização no Chrome, você pode usar a ferramenta Renderização no Edge para ver a aparência de um site exibido em diferentes opções de cores.
Chris Heilmann, gerente de programa principal para ferramentas de navegador da Microsoft, ofereceu alguns conselhos úteis sobre como forçar o modo escuro para sites onde o modo escuro não é uma opção disponível.
If you have a web site that doesn't offer a dark mode, you can use the Rendering tool of Chromium based browsers (Chrome, Edge, Brave…) to force a dark mode. pic.twitter.com/Ou6CgzQK5X
— Chris Heilmann (@codepo8) 12 de agosto de 2022
Para habilitar e usar esse recurso, você precisa abrir o Edge DevTools. Você tem 4 maneiras de abrir o DevTools:
1. Clique com o botão direito do mouse em qualquer site usando o mouse e clique com o botão esquerdo Inspecionar. Esta opção realmente leva você para a guia “Elements” em Developer tools (DevTools), mas você sempre pode clicar na guia “Rendering” a partir daí.
2. Vá para as configurações de borda de três pontos no canto superior direito de uma janela de borda aberta. Clique Mais ferramentas > Ferramentas do desenvolvedor.
3. Use o Ctrl + Shift + I atalho de teclado.
4. Pressione F12 no seu teclado. Você sempre pode desativar esse atalho de teclado mais tarde nas configurações do Edge.
Acesse a ferramenta de renderização no Edge
Agora que o DevTools está aberto no Edge, você deve ser saudado pela guia “Bem-vindo”.
A próxima etapa é abrir a guia Renderização. Aqui está o que você precisa fazer.
1. Clique no menu de três pontos do DevTools no canto superior direito.
2. Clique Mais ferramentas > Renderização.
3. Role até encontrar Ative o modo escuro automático. Clique na caixa de seleção para ativar o modo escuro automático que define o prefere-esquema de cores para escuro.
A mudança para o modo escuro automático é instantânea, portanto, não é necessário atualizar a página da Web para que as alterações entrem em vigor.
