O tema escuro tornou-se uma funcionalidade presente em diversos sistemas, como macOS, Windows, Android e, agora, também em iPhones e iPads. O iOS 13 e o iPadOS 13 finalmente trouxeram este recurso tão desejado para os dispositivos da Apple. A aparência é agradável e funciona de maneira automática com aplicativos e sites compatíveis.
Habilitando o Modo Escuro em iPhones e iPads
Ao ativar o modo escuro, toda a interface do seu iPhone ou iPad se transforma, apresentando um fundo preto e texto branco. A Apple escolheu um tema preto verdadeiro, o que significa que, na maioria dos casos, o fundo é preto puro, em vez de cinza escuro.
Essa mudança visual é particularmente interessante em iPhones com tela OLED (modelos como iPhone X, XS, XS Max, 11 e 11 Pro), pois os pixels simplesmente não são iluminados. Para assegurar a legibilidade, a Apple optou por um fundo cinza em determinados elementos da interface. Já discutimos anteriormente, em detalhes, as nuances da interface do modo escuro.
Vamos ao essencial. Para ativar o modo escuro no seu iPhone ou iPad, comece abrindo a Central de Controle.
Se você utiliza um dispositivo estilo iPhone X com entalhe, deslize o dedo de cima para baixo a partir do canto superior direito da tela. O mesmo se aplica aos usuários de iPad. Se você tem um iPhone com botão Home, deslize de baixo para cima na tela para acessar a Central de Controle.
Nesse ponto, pressione e segure o controle deslizante de “Brilho”.
Agora, clique no botão “Modo Escuro” para ligá-lo. Caso queira desativar o recurso, clique novamente no mesmo ícone.
Outra maneira de ativar ou desativar o modo escuro é através do menu de Ajustes. Para isso, vá em Ajustes > Tela e toque em “Escuro”.
Adicionando um atalho para o Modo Escuro na Central de Controle
Para aqueles que, como eu, desejam um botão direto para ativar o modo escuro, ele pode ser adicionado como um atalho na Central de Controle.
Para habilitá-lo, acesse Ajustes > Central de Controle > Personalizar Controles.
Nesta tela, toque no botão “+” ao lado de “Modo Escuro”.
Isso adicionará o atalho para o modo escuro no final da Central de Controle. Toque no botão para ativar e desativar o modo escuro. Não é mais necessário acessar o menu de brilho!
Programando o Modo Escuro
Você também pode automatizar o modo escuro, definindo um horário. Abra o aplicativo “Ajustes” e vá em “Tela e Brilho”.
Na seção “Aparência”, toque na opção ao lado de “Automático”.
Em seguida, toque em “Opções” para escolher entre “Do Pôr do Sol ao Nascer do Sol” ou “Programação Personalizada”.
Ao selecionar “Programação Personalizada”, você poderá especificar o horário exato em que o modo escuro deve ser ativado.
Modo Escuro em Aplicativos e Sites Compatíveis
Semelhante ao macOS Mojave, o modo escuro em iPhones e iPads funciona em aplicativos e sites compatíveis.
Assim que um aplicativo for atualizado para o iOS 13 e suportar o recurso, ele mudará automaticamente seu tema para o modo escuro quando você ativar o modo escuro do sistema na Central de Controle.
Abaixo, como exemplo, temos o aplicativo Dicionário LookUp. Na imagem à esquerda, o aplicativo está no modo claro padrão. À direita, você vê como ele aparece no modo escuro.
A única ação realizada entre essas duas capturas de tela foi acessar a Central de Controle e ativar o modo escuro. Uma vez que os aplicativos comecem a oferecer suporte a este recurso, não será necessário buscar o modo escuro nas configurações de cada aplicativo.
O mesmo vale para o Safari. Se um site suportar o modo escuro em CSS, ele alternará automaticamente entre os temas claros e escuros, dependendo das configurações do sistema.
Na imagem abaixo, você pode ver este recurso em ação no site do Twitter no Safari.
Atualmente, não há como colocar aplicativos em uma lista negra para evitar a troca automática de tema.
No caso de sites, você pode desativar completamente o recurso indo em Ajustes > Safari > Avançado > Recursos Experimentais e desativando a opção “Suporte CSS no modo escuro”.
Alternativa ao Modo Escuro: Inversão Inteligente
O modo escuro automático só funciona em aplicativos com suporte no iOS 13, iPadOS 13 e versões superiores. Mas e se você quiser ativar o modo escuro em um aplicativo sem suporte? Utilize a Inversão Inteligente como solução alternativa.
A inversão inteligente é um recurso de acessibilidade que inverte automaticamente as cores da interface, sem alterar imagens e outras mídias. Com esta alternativa, você consegue uma interface com texto em preto e branco.
Para ativá-la, vá em Ajustes > Acessibilidade > Tela e Tamanho do Texto e ative a opção “Inverter Inteligente”.
Nas imagens abaixo, você pode ver a diferença entre um site no modo claro e o mesmo site com a Inversão Inteligente ativada. Embora a maior parte do site seja invertida corretamente, algumas áreas — como a barra de menus no exemplo abaixo — podem não aparecer como esperado.
É verdade que a Inversão Inteligente não é perfeita, mas é uma boa alternativa. Se um desenvolvedor não adiciona o modo escuro ao seu aplicativo, esta opção (de certa forma) funciona.