Paletas de cores para modo escuro
Modo escuro não é um tema claro invertido. Estas paletas dão um fundo, uma superfície elevada e um acento que se separa dos dois — justamente onde a maioria dos temas escuros falha.
- Night Sky
Texto legível sobre #1c1f3b: #FFFFFF
- Crimson Depths
Texto legível sobre #b3000c: #FFFFFF
- Urban Earth
Texto legível sobre #4f3c3b: #FFFFFF
- Midnight Cat
Texto legível sobre #121226: #FFFFFF
- Ichor Wine
Texto legível sobre #230914: #FFFFFF
- Starlit Night
Texto legível sobre #1b1f3b: #FFFFFF
- Raven
Texto legível sobre #1d1d2b: #FFFFFF
- Night Sky (Gradient Colors)
Texto legível sobre #1d243a: #FFFFFF
- Astro Novalite♡
Texto legível sobre #433e48: #FFFFFF
- Midnight Blossoms
Texto legível sobre #0d0d0d: #FFFFFF
- Wolf
Texto legível sobre #9fa5b2: #111827
- Lunar Night
Texto legível sobre #201e36: #FFFFFF
Como montar um tema escuro com elas
- Use a cor mais escura na página e a seguinte em cartões e menus. No modo escuro, elevação se faz com luminosidade, não com sombra.
- Evite texto branco puro. Um cinza claro em torno de 87% de opacidade se lê com mais conforto em sessões longas.
- Cores saturadas vibram em fundos escuros. Baixe um pouco a saturação do acento em vez de apagá-lo.
A cor de texto sob cada paleta é a que alcança maior contraste — quase preto ou branco — contra a primeira cor dela. Confira qualquer outra combinação antes de usar em texto de leitura.