Dark mode dejó de ser feature de early adopters: los sistemas operativos lo exigen y parte de tu audiencia lo tiene activo. La pregunta ya no es “si”, sino “cómo”.
Ventajas de cada modo
- Light: mejor lectura larga en entornos luminosos, sensación de “documento/profesional”, fotos de producto se ven más fiel.
- Dark: menor fatiga en baja luz, ahorro en OLED, estética premium para dashboards y dev tools.
Accesibilidad real
En dark, evita gris puro #FFF a full: usa off-white. En ambos modos, contraste WCAG AA (4.5:1 en texto normal). Los estados de error y éxito necesitan tokens propios por modo, no solo invertir hue.
Recomendación de producto
- Sitio marketing B2B serio: light por defecto + respeta prefers-color-scheme si lo implementas completo.
- Dashboard / app de uso prolongado: dark por defecto o toggle con persistencia.
- Nunca mitades del sistema en un modo y mitades en el otro.
Si ofreces toggle, guárdalo en localStorage y sincroniza con el sistema en el primer load para evitar flash del tema incorrecto.
