Por que meu e-mail fica diferente no modo escuro

A renderização do modo escuro é decidida pelo dispositivo do destinatário, não pelo remetente

O Alva Digital Downloads envia um único HTML para todo cliente. Quando esse HTML chega numa caixa de entrada, o aplicativo de e-mail no celular ou computador do destinatário decide como desenhá-lo. Se o destinatário tem o modo escuro ativado, o app de e-mail passa a mensagem por um algoritmo de inversão de cores antes de exibi-la. O HTML que saiu do Alva é idêntico para todo cliente — a renderização não é.

Isso não é específico do Alva. Todo e-mail — seja enviado pelo Alva Digital Downloads, Gmail, Klaviyo, Mailchimp, pelos e-mails transacionais nativos do Shopify ou um codificado à mão — passa pela mesma renderização do lado do cliente. O dispositivo do destinatário é o árbitro final de como o e-mail fica.

Nenhum serviço de e-mail pode evitar a transformação do modo escuro

O modo escuro é aplicado pelo app de e-mail do destinatário depois que o e-mail foi entregue. Não existe flag, cabeçalho ou instrução que o remetente possa incluir no HTML para forçar o app de e-mail a ignorar o modo escuro. Apple, Google e Microsoft não expõem esse controle — por design. O modo escuro é uma preferência do usuário, e os apps de e-mail respeitam isso independente do que o remetente queira.

Isso significa que trocar de provedor de e-mail não ajuda. Quer o e-mail venha do Alva Digital Downloads, Klaviyo, Mailchimp, Postmark, SendGrid ou dos e-mails de pedido nativos do Shopify, o celular do destinatário vai transformá-lo da mesma forma. O provedor envia o HTML; o dispositivo do destinatário decide as cores.

Apps de e-mail diferentes transformam o mesmo e-mail de forma diferente

Não existe uma única "cara do modo escuro" para projetar. Os quatro apps de e-mail mais comuns — Apple Mail, Gmail no iOS, Gmail no Android e Outlook — cada um transforma as cores usando seu próprio algoritmo. O mesmo e-mail chegando em duas caixas de entrada pode renderizar com tons de fundo diferentes, cores de botão diferentes e contrastes de texto diferentes pura e simplesmente por causa do app em que foi aberto.

• Apple Mail (iOS & macOS) — inversão parcial. Fundos claros viram escuros e textos escuros viram claros, mas elementos que já estavam sobre fundos escuros ficam intocados. O menos disruptivo dos quatro.
• Gmail no iPhone — inversão total. Tanto fundos claros quanto escuros são invertidos, o que pode afetar logotipos, cores de marca e botões de formas imprevisíveis.
• Gmail no Android — inversão parcial. Comportamento parecido com o do Apple Mail, mas aplicado por um algoritmo diferente.
• Gmail no desktop & Outlook — geralmente deixam o e-mail como ele foi projetado.

Como cada uma dessas renderizações é incompatível com as outras, otimizar para uma delas frequentemente quebra as demais. Não existe design que fique idêntico em todo cliente de modo escuro.

A maioria dos destinatários ainda vê exatamente o e-mail que você projetou

Cerca de 90% das aberturas de e-mail acontecem no modo claro, deixando aproximadamente 10% dos destinatários vendo uma versão transformada pelo modo escuro. A maioria no modo claro vê a faixa do cabeçalho, a cor do botão, o logotipo e o fundo que você configurou no admin do Alva. A minoria no modo escuro vê uma versão transformada — ainda legível, em geral, mas visualmente diferente.

Para um e-mail de entrega que existe para levar o cliente até seus downloads, essa variabilidade raramente importa. O conteúdo continua legível, o botão de download continua clicável, e o trabalho do e-mail — levar o cliente até seus arquivos — não é afetado.

O que você pode e o que não pode fazer sobre o modo escuro

Você não pode forçar uma aparência específica em todo dispositivo de destinatário. Nenhum remetente pode. A transformação é aplicada localmente por cada app de e-mail e é invisível para qualquer pessoa que não seja o destinatário.

Você pode tornar a renderização no modo escuro mais previsível evitando casos extremos que os algoritmos de inversão tratam mal:

• Use fundos em tons médios em vez de branco puro. Os algoritmos de inversão invertem o branco puro de forma agressiva; um off-white suave ou cinza claro transforma com mais elegância.
• Use um logotipo com espaçamento interno para que ele tenha respiro ao redor. Logotipos que tocam suas próprias bordas podem se fundir visualmente com fundos invertidos.
• Evite texto preto puro sobre cabeçalhos coloridos — o contraste pode inverter de formas inesperadas. Use o controle de cor do título nas configurações de e-mail do Alva para escolher uma cor que contraste com a faixa de destaque nas duas direções.
• Envie um e-mail de teste para você mesmo e veja no seu próprio celular com o modo escuro ativado. Essa é a única forma confiável de ver o que seus clientes específicos vão ver.

O resumo honesto

O e-mail que o Alva Digital Downloads envia bate com a pré-visualização do admin. Cerca de 90% dos destinatários veem exatamente esse e-mail. Os 10% restantes veem uma versão transformada produzida pelo próprio dispositivo deles — e essa transformação está fora do controle de qualquer remetente de e-mail, independente de qual serviço seja usado. Essa é uma limitação de como o modo escuro funciona nos apps de e-mail, não uma limitação do Alva ou de qualquer outro provedor.