Design e Acessibilidade
O que é Dark Mode (Tema Escuro)?
Dark mode é o tema escuro alternativo da interface, mais agradável em ambientes pouco iluminados e economizando bateria em telas OLED.
Dark mode não é só "inverter cores": exige paleta dedicada (preto puro vibra demais; cinza escuro é melhor), contraste recalibrado (WCAG continua), e tratamento de imagens (filtro ou versões alternativas).
Em código, design tokens semânticos resolvem (color.surface, color.text), e a preferência do sistema (prefers-color-scheme) é o default mais respeitoso.
Termos relacionados
Perguntas frequentes
Dark mode aumenta uso/retenção?
Pouco direto, mas reduz fadiga em uso prolongado e é esperado em produtos modernos — ausência é vista como falta de polish.
Tem que ter toggle dark/light/system?
O default deve seguir o sistema; um toggle manual pra override é boa prática, especialmente pra usuários com preferência forte.