Paletas de colores para modo oscuro
El modo oscuro no es un tema claro invertido. Estas paletas te dan un fondo, una superficie elevada y un acento que se separa de ambos, que es justo donde fallan casi todos los temas oscuros.
- Night Sky
Texto legible sobre #1c1f3b: #FFFFFF
- Crimson Depths
Texto legible sobre #b3000c: #FFFFFF
- Urban Earth
Texto legible sobre #4f3c3b: #FFFFFF
- Midnight Cat
Texto legible sobre #121226: #FFFFFF
- Ichor Wine
Texto legible sobre #230914: #FFFFFF
- Starlit Night
Texto legible sobre #1b1f3b: #FFFFFF
- Raven
Texto legible sobre #1d1d2b: #FFFFFF
- Night Sky (Gradient Colors)
Texto legible sobre #1d243a: #FFFFFF
- Astro Novalite♡
Texto legible sobre #433e48: #FFFFFF
- Midnight Blossoms
Texto legible sobre #0d0d0d: #FFFFFF
- Wolf
Texto legible sobre #9fa5b2: #111827
- Lunar Night
Texto legible sobre #201e36: #FFFFFF
Cómo armar un tema oscuro con estas
- Usa el color más oscuro para la página y el siguiente para tarjetas y menús. En modo oscuro la elevación se hace con luminosidad, no con sombra.
- Evita el texto blanco puro. Un gris claro a un 87% de opacidad se lee con más comodidad en sesiones largas.
- Los colores saturados vibran sobre fondos oscuros. Baja un poco la saturación del acento en vez de apagarlo.
El color de texto bajo cada paleta es el que logra mayor contraste —casi negro o blanco— contra su primer color. Revisa cualquier otra combinación antes de usarla en texto de lectura.