Glossário de Product Design
O que é tema escuro?
Também chamado de Dark mode, Modo escuro
Tema escuro é a variação da interface com fundos escuros e textos claros, usada para reduzir o brilho em ambientes com pouca luz e como preferência visual de muitos usuários.
Em detalhe
Fazer um bom tema escuro não é inverter as cores: os fundos raramente são preto puro, as cores de destaque precisam ser ajustadas para não vibrar, e a profundidade é mostrada com tons mais claros em vez de sombras.
Com design tokens semânticos, o mesmo componente funciona nos dois temas, e o sistema pode seguir a preferência do aparelho automaticamente.
Na prática
- Use cinzas escuros em vez de preto puro no fundo.
- Verifique o contraste de cada cor nos dois temas.
- Siga a preferência do sistema e permita trocar manualmente.