Desde que Apple popularizó el modo oscuro en iOS 13, la pregunta llega frecuentemente: ¿debería mi web tener dark mode? La respuesta honesta es: depende, y para la mayoría de pequeños negocios probablemente no merece la inversión ahora mismo.
Qué es el dark mode y cómo funciona en web
El dark mode invierte el esquema de colores de una interfaz: fondo oscuro, texto claro. En sistemas operativos y apps, el usuario lo activa en preferencias del sistema. Las webs pueden detectar automáticamente esta preferencia mediante la media query CSS prefers-color-scheme: dark y adaptar sus colores.
Una implementación básica requiere definir dos conjuntos de variables de color y aplicarlas condicionalmente. Una implementación completa con toggle manual, persistencia de preferencia y adaptación de imágenes es significativamente más trabajo.
Cuándo SÍ vale la pena
El dark mode añade valor real cuando: tu audiencia es técnica o creativa (desarrolladores, diseñadores, gamers), tu web se usa principalmente en entornos oscuros o de noche, tienes imágenes con fondo transparente que se integran mejor en oscuro, o tu marca tiene una estética oscura/premium que el dark mode refuerza.
Portfolios de fotografía, webs de estudios de tatuaje, apps de productividad, plataformas de lectura: aquí el dark mode tiene sentido real.
Cuándo NO vale la pena (la mayoría de pequeños negocios)
Un restaurante familiar, una clínica dental, una peluquería, una gestoría: su audiencia es general, usa la web puntualmente, probablemente en horario diurno. El dark mode requiere doblar el trabajo de diseño visual para una ventaja marginal.
El tiempo y presupuesto invertidos en implementar dark mode rinden más si se invierten en velocidad, SEO local, contenido o fotografía de calidad.
La alternativa pragmática
Si quieres algo para usuarios que prefieren oscuro sin rediseñar todo: implementa el color-scheme: light dark básico en CSS. Los navegadores modernos adaptarán automáticamente formularios, scrollbars y elementos nativos. No es un dark mode completo, pero respeta las preferencias del usuario con tres líneas de CSS.
Y si en el futuro tu negocio crece y el dark mode se convierte en prioridad, es mucho más fácil añadirlo sobre una base de código limpia que sobre un WordPress lleno de plugins.