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 lo hacen las aplicaciones
Algunos sitios ofrecen modos oscuros hoy. Por ejemplo, puede habilitar el modo oscuro en YouTube , Gorjeo o Flojo en unos pocos clics. Eso es muy bueno, pero ¿quién quiere habilitar esta opción por separado cada vez que visita un sitio web nuevo?
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 un fácil acceso opción de modo oscuro . Chrome simplemente se ajusta automáticamente en función de su elección general de sistema operativo.
En el pasado, no existía una forma de que los sitios web implementaran 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
La respuesta a este problema es prefiere-esquema-de-color , una función CSS que los sitios web pueden utilizar 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 Cromo 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 función 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 tiene soporte de modo oscuro. Incluso Google Chrome en el escritorio solo ha admitido el esquema de color preferido durante algunas semanas.
Es tan nuevo. Es probable que todavía no encuentres muchos sitios web que utilicen un esquema de color preferido para habilitar automáticamente el modo oscuro.
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.
RELACIONADO: El modo oscuro no es mejor para ti, pero nos encanta de todos modos
