Temas de modo escuro
Este artigo se aplica ao editor tradicional. O modo escuro oferece aos usuários a oportunidade de definir uma preferência de cor em todo o sistema (introduzido no Android 10 e no iOS 13). Os temas “escuros” têm como objetivo economizar bateria e reduzir o cansaço visual dos usuários, ao mesmo tempo que oferecem aos desenvolvedores de apps uma forma de implementar temas de cores escuras.
As mensagens no app da Braze permitem adicionar um tema escuro alternativo para entregar a mensagem com as cores certas aos seus usuários com base na preferência deles e manter a consistência com o design do seu app.
Como o modo escuro funciona
Usuários com versões a partir do Android 10 ou iOS 13 podem ativar ou desativar o modo escuro nas configurações do dispositivo.
Quando o modo escuro está ativado, os menus e telas nativos do dispositivo (notificações por push, configurações do dispositivo, etc.) mudam para um cinza escuro. Os apps também podem optar por oferecer suporte ao modo escuro especificando os temas alternativos no código do app.
Definindo um tema de modo escuro
O modo escuro, localizado na guia Design ao criar uma mensagem no app, permite adicionar um tema de cores alternativo para usuários que estão no modo escuro em seus dispositivos.
Quando essa opção está ativada, você pode escolher cores de tema escuro para sua mensagem no app usando o seletor de cores ou selecionando Perfis de cores existentes para reutilizar temas escuros ou claros já criados.
Você ainda pode usar esse recurso mesmo que seu app não ofereça seu próprio tema escuro. No entanto, dispositivos que não suportam o modo escuro exibirão o tema claro por padrão. Alterar o tema do dispositivo no Android enquanto uma mensagem no app está sendo exibida não mudará qual tema é usado para essa mensagem no app.
Usando o modo escuro de forma consistente
Para usar o modo escuro em todas as mensagens no app, acesse Modelos > Modelos de mensagens no app.
A partir daí, selecione Criar perfil de cores no menu suspenso. Crie um perfil de cores que esteja alinhado com o seu tema de modo escuro. Então, sempre que você criar uma versão em modo escuro de uma mensagem no app, poderá selecionar esse perfil de cores e manter a aparência das suas mensagens no app consistente.
Compatibilidade
- Seus usuários devem estar em dispositivos iOS versão 13 ou superior, ou dispositivos Android versão 10 ou superior.
- É necessário o SDK da Braze para iOS v3.21.0+ e o SDK da Braze para Android v3.8.0+.
Os apps com modo escuro foram introduzidos com o Android 10 e o iOS 13. Usuários que não atualizaram seus telefones para pelo menos essas versões verão apenas o tema claro.
As Campaigns ainda serão entregues a todos os usuários elegíveis para o público que você selecionou, independentemente da configuração de modo escuro ou da versão do sistema operacional dos usuários.
Usando mensagens no app em HTML
Para criar um tema escuro e claro para mensagens no app em HTML, você pode usar o recurso de mídia CSS prefers-color-scheme para detectar a preferência do usuário.
Por exemplo:
1
2
3
4
5
6
7
8
9
10
11
12
13
@media (prefers-color-scheme: dark) {
body {
background: #333;
color: white;
}
}
@media (prefers-color-scheme: light) {
body {
background: white;
color: #555;
}
}