Saltar al contenido principal

Contáctanos

Qué es el modo claro y oscuro, y quién decide cuál ves

4 min
← Volver al Blog

No es una obligación legal, pero ignorarlo tiene un costo: sin diseño propio, tu sitio queda a merced de un modo oscuro automático que casi nunca se ve bien.

Interruptor toggle con iconos de sol y luna representando el cambio entre modo claro y modo oscuro

Seguramente has notado que algunos sitios web y aplicaciones cambian de fondo blanco a fondo negro dependiendo del celular o computador desde donde los abres. Eso es lo que se conoce como “modo claro” (fondo blanco, texto oscuro) y “modo oscuro” (fondo negro o gris muy oscuro, texto claro).

Lo importante es entender esto: normalmente no es el dueño del sitio web quien elige cuál mostrar. Es una preferencia que cada usuario configura en su propio celular o computador (en Ajustes del sistema), y los sitios bien construidos simplemente la respetan automáticamente. Si tu celular está en modo oscuro, muchos sitios se van a ver oscuros sin que tengas que hacer nada extra.

¿De dónde salió esta costumbre?

El modo oscuro se popularizó porque resulta más cómodo para los ojos en ambientes con poca luz (de noche, por ejemplo), y porque en pantallas modernas puede ahorrar batería. Con el tiempo, tanto los celulares como los computadores empezaron a ofrecer esta opción como preferencia general del sistema, y las páginas web más nuevas empezaron a “escuchar” esa preferencia y adaptarse.

¿Es obligatorio tener modo oscuro en mi sitio web?

No existe ninguna ley ni norma que obligue a un sitio web a tener modo oscuro. No es un requisito legal como sí lo es, por ejemplo, la protección de datos personales.

Pero hay una diferencia importante entre “obligatorio” y “lo que pasa si no lo implementas a propósito”. Y ahí está el problema real.

Lo que pasa si no lo implementas a propósito

Si tu sitio no está preparado para el modo oscuro, hay dos escenarios posibles, y ambos son incómodos:

  • Tu sitio se mantiene en modo claro siempre, sin importar la preferencia del usuario. No es un error grave, pero sí una oportunidad perdida: el visitante que prefiere modo oscuro en todo lo que usa, en tu sitio va a sentir un salto molesto de brillo.
  • El navegador “oscurece” tu sitio automáticamente con una función que traen algunos navegadores y sistemas operativos, sin que tú lo hayas diseñado. El resultado casi siempre se ve mal: colores invertidos de forma torpe, tu logo (si tiene fondo blanco) volviéndose una mancha rara, botones que pierden contraste. Es peor que no tener modo oscuro, porque es un modo oscuro mal hecho y fuera de tu control.

El caso del logo, otra vez

Si ya leíste nuestro artículo sobre qué debe exigirse a un logo para web, esto te va a sonar familiar: un logo pensado solo para fondo blanco se ve mal —o directamente desaparece— sobre un fondo oscuro. El modo oscuro no es un detalle aislado de “diseño bonito”: afecta directamente si tu marca se ve profesional o descuidada, dependiendo del dispositivo de quien te visita.

Entonces, ¿vale la pena implementarlo?

Depende de tu tipo de negocio, pero la tendencia general apunta a que sí, cada vez más. Algunas señales de que conviene priorizarlo:

  • Tu público objetivo es joven o usa mucho el celular de noche (redes sociales, contenido, apps).
  • Tu rubro es tecnológico, creativo o de diseño, donde se espera un estándar visual más moderno.
  • Ya estás construyendo tu sitio desde cero: implementarlo desde el inicio cuesta relativamente poco.

Y una señal de que puede esperar: si tu sitio ya está terminado y funcionando bien, agregar modo oscuro después como “parche” suele ser más caro y riesgoso que haberlo pensado desde el diseño original, porque hay que revisar cada color, cada imagen y cada botón uno por uno.

La conclusión práctica

No es obligatorio, pero tampoco es un simple capricho estético. Es una decisión de diseño que, si se ignora, algunos navegadores van a “resolver por ti” de forma torpe. La recomendación real no es “hazlo sí o sí”, sino: decídelo a propósito, no dejes que pase por accidente.

En BioCapa evaluamos esto desde el primer brief de cada proyecto —junto con el resto de la identidad visual— para que la decisión de tener o no modo oscuro sea tuya, tomada con información, y no un efecto secundario mal resuelto por el navegador de alguien.

Boceto de wireframe de un sitio web comparando el diseño en modo claro y modo oscuro
¿Hablamos por WhatsApp?