Splync 1.13: Visibilidade Melhorada no Modo Escuro

Como você já deve saber, é possível alterar a aparência do seu iPhone entre o modo Claro e o modo Escuro. Se não souber como fazer isso, siga estes passos: Abra Ajustes do iPhone, role para baixo e toque em Tela e Brilho. Você verá duas imagens de pré-visualização rotuladas como Claro e Escuro. Toque na que preferir para aplicá-la. Isso permite que você personalize sua tela para melhor visibilidade e conforto dependendo do ambiente. O modo Claro existe desde o primeiro iPhone. A Apple introduziu oficialmente o Modo Escuro no iPhone e iPad com iOS 13 / iPadOS 13 em setembro de 2019. Essa funcionalidade agradou muitos usuários de iPhone com aparência de UI personalizada. Algumas pessoas preferem o modo Claro, enquanto outras são apaixonadas pelo modo Escuro. Você também pode escolher Automático, que alterna entre os dois modos com base na hora do dia.

Um app pode parecer perfeito no modo Claro, mas completamente diferente no modo Escuro. Em alguns casos, o modo Escuro pode interromper as intenções de design originais do desenvolvedor, afetando cores, contraste e estética geral. Isso significa que os desenvolvedores devem projetar e testar cuidadosamente suas interfaces em ambos os modos para garantir uma experiência consistente e agradável para todos os usuários. Uma solução possível é preparar visões e ativos de imagem separados para o modo Claro e o modo Escuro. No entanto, essa abordagem rapidamente se torna redundante e difícil de manter, especialmente à medida que o app cresce e novos componentes de UI são adicionados. Por essa razão, a maioria dos desenvolvedores evita esse método e em vez disso, confia em soluções mais escaláveis que se adaptam automaticamente a ambos os modos de aparência.

Felizmente, a Apple introduziu cores definidas pelo sistema que se adaptam automaticamente a ambos os modos Claro e Escuro. Ao usar essas cores integradas, os desenvolvedores podem garantir que seus elementos de UI se ajustem perfeitamente com base nas configurações de aparência do usuário. Isso elimina a necessidade de gerenciar manualmente designs separados e ajuda a manter a consistência visual em ambos os modos. Por exemplo, cores como label, systemBackground e secondarySystemBackground mudam dinamicamente dependendo da aparência atual, permitindo que os apps permaneçam legíveis e visualmente equilibrados em qualquer ambiente. É por isso que, ao mudar do modo Claro para o modo Escuro, a cor padrão do texto muda de preto para branco. No entanto, se um app codificar a cor do texto como preto, o texto permanecerá preto mesmo no modo Escuro, tornando-o quase invisível em um fundo escuro. Para evitar esse problema, os desenvolvedores confiam nas cores do sistema, garantindo que o texto e os elementos de UI se adaptem automaticamente à cor apropriada para cada modo.

No início, o Splync não era muito amigável para os usuários do modo Escuro. Quando um usuário relatou que os ícones de categoria eram difíceis de ver no modo Escuro, não pude resolver isso imediatamente. Na época, eu estava focado em melhorar os recursos principais do app, então não priorizei essa questão visual. Então o novo ano de 2026 chegou, e eu finalmente dei uma olhada mais de perto. O que descobri foi simples, mas importante: as imagens dos ícones eram puramente pretas. Em termos técnicos, estavam fixadas na cor #000000. Isso significa que permaneciam pretas, não importando qual modo o telefone estava usando. Assim, no modo Escuro, ícones pretos ficavam em um fundo escuro como camuflagem. Além disso, eu também havia usado uma cor branca fixa no meu código para suavizar os fundos dos ícones. Isso funcionava bem no modo Claro, mas no modo Escuro criava um contraste estranho e não parecia natural.

Então aqui está o que eu mudei. Em vez de forçar cores, meu código revisado instrui o app a deixar o sistema decidir a cor dos ícones automaticamente; Preto no modo Claro e Branco no modo Escuro. Além disso, o código instrui o app a usar a própria cor de cada categoria como uma tonalidade suave de fundo, adicionar uma borda sutil usando a mesma cor da categoria, e manter tudo limpo e legível em ambos os modos. Em termos simples, parei de forçar cores e deixei o iPhone lidar com elas de forma inteligente. Graças a esta melhoria, os ícones de categoria agora se adaptam naturalmente ao modo Claro e Escuro, tornando-se claramente visíveis e visualmente consistentes em qualquer ambiente. Essa correção não levou muito tempo, mas decidi lançar uma atualização imediatamente para que os problemas há muito aguardados pelos usuários do modo Escuro pudessem finalmente ser resolvidos o mais rápido possível.

Não existe uma estética "perfeita" única. Cada pessoa tem um senso diferente de design. Mesmo a mesma pessoa pode se sentir diferente dependendo do dia — ou até mesmo do horário do dia. O que parece ótimo de manhã pode parecer distrativo à noite. É por isso que os desenvolvedores devem se concentrar na personalização, enquanto ainda equilibram isso com uma usabilidade simples e intuitiva. Bom design não é sobre forçar um único estilo. É sobre deixar os usuários escolherem o que parece certo para eles — É nisso que acredito.