Logotipo cromado sobre un fondo oscuro con nubes de humo de hielo seco.

El modo oscuro ahora está en todas partes, incluso en iOS 13 y Android 10. Los navegadores web como Chrome, Firefox, Safari y Edge también han adoptado el modo oscuro. Ahora, los navegadores están trayendo el modo oscuro automático a los sitios web gracias a una función llamada Prefers-Colour-Scheme.

Los sitios web ahora pueden detectar el modo oscuro como las aplicaciones

La parte web de YouTube con el tema oscuro habilitado

Algunos sitios ofrecen modos oscuros hoy. Por ejemplo, puede habilitar el modo oscuro en YouTube, Twitter o Slack con unos pocos clics. Eso es muy bueno, pero ¿quién quiere habilitar esta opción por separado cada vez que visita un nuevo sitio web?

Cuando habilita el modo oscuro en Windows 10, macOS, iOS o Android, todas las aplicaciones que usa saben que ha habilitado el modo oscuro y pueden habilitarlo automáticamente. Google Chrome ni siquiera tiene una opción de modo oscuro de fácil acceso . Chrome simplemente se ajusta automáticamente en función de su elección general de sistema operativo.

En el pasado, los sitios web no tenían forma de implementar automáticamente el modo oscuro. Incluso si la interfaz de su navegador se oscurece, los sitios web seguirán usando sus fondos brillantes. Debe habilitar manualmente el modo oscuro o usar una extensión del navegador que fuerce el modo oscuro.

No fueron fallas de los desarrolladores web, no tenían forma de detectar si el modo oscuro estaba habilitado en su dispositivo. Eso ha cambiado con una nueva función de hojas de estilo en cascada (CSS) que los sitios web pueden aprovechar.

Ya está en un navegador cercano

Habilitar el modo oscuro en la aplicación de configuración de Windows 10

La respuesta a este problema es el esquema de preferencias de color, una función de CSS que los sitios web pueden usar para preguntarle a su navegador web si tiene habilitado el modo oscuro. Una página web puede usar un tema diferente dependiendo de si tiene el modo oscuro habilitado o deshabilitado.

Esta función se agregó recientemente a los navegadores web modernos en 2019.

  • Google Chrome para todas las plataformas (incluido Android) lo ha admitido desde Chrome 76, lanzado el 30 de julio.
  • Safari para iPhone y iPad lo obtiene con Safari 13 como parte de iOS 13 el 19 de septiembre.
  • Mozilla Firefox lo ha admitido desde Firefox 67, lanzado el 21 de mayo.
  • Safari para Mac lo ha admitido desde Safari 12.1, lanzado el 5 de abril.
  • Microsoft Edge no lo admite, pero el nuevo navegador Edge basado en Chromium sí lo hará.

Esta no es una opción que seleccione en su navegador. Simplemente elija entre los modos claro y oscuro en su sistema operativo, su navegador obedecerá el cambio y los sitios web pueden seguir y habilitar automáticamente el modo oscuro si lo desean.

Entonces, ¿dónde están los sitios web del modo oscuro?

Si bien esta característica está disponible hoy y funciona en todos los navegadores populares, es muy nueva. El modo oscuro llega a iPhone y iPad con el nuevo  iOS 13. En el lado de Android, solo los teléfonos Android con el nuevo Android 10 admiten el modo oscuro. Incluso Google Chrome en el escritorio solo ha admitido el esquema de colores preferidos durante algunas semanas.

Es tan nuevo. Es probable que no encuentre muchos sitios web que utilicen el esquema de colores preferidos para habilitar automáticamente el modo oscuro todavía.

Es de esperar que eso cambie en el futuro. Los sitios web ahora pueden respetar su preferencia de modo oscuro y seguirla automáticamente. Los desarrolladores web tienen una nueva opción que pueden aprovechar.

Nos encanta el modo oscuro. Ahora que es una opción en todos los sistemas operativos más recientes, estaremos encantados de verlo difundido en la web.