Safari convierte automáticamente los sitios web claros en oscuros con Adaptive Dark Mode
Safari introduces Adaptive Dark Mode in 27.3
Safari 27.3 beta presenta Adaptive Dark Mode, una función que transforma los sitios web con fondo claro en versiones oscuras sin que los desarrolladores hagan nada. Aunque casi el 40% de las cargas de páginas provienen de usuarios en modo oscuro, solo el 10% de los sitios lo admiten. El motor WebKit analiza los colores, invierte la luminosidad preservando el tono y ajusta el contraste para cumplir con WCAG, todo sin que los sitios puedan detectar que se ha activado, protegiendo así la privacidad.
Casi el 40% de las cargas de páginas web provienen de usuarios en modo oscuro y, sin embargo, solo el 10% de las cargas de páginas lo admiten.
- kickingvegas
Aviso: light-dark() en CSS ya es una realidad.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/V...
- nsoam
Yo quiero lo contrario. Sufro de astigmatismo, lo que hace que el blanco sobre negro sea difícil de leer. Ojalá Safari pudiera convertir los sitios web en modo oscuro a modo claro.
- marcellosso
Yo uso el modo oscuro para todo, así que estoy bastante contento con esto. Algunos sitios claramente fueron diseñados para ser claros, y forzar el modo oscuro en ellos podría romper la experiencia, pero para eso está exactamente `color-scheme: light only`, y es bueno que Safari lo respete. Aparte de eso, me parece un ganar-ganar: genial para los usuarios del modo oscuro, y para los devs no cambia mucho, solo añades "light only" si no quieres que tu sitio se vea afectado.
- greazy
Todo el mundo debería probar la extensión Dark Reader, lleva muchos años haciendo modo oscuro adaptativo, y es personalizable. Incluso hace modo claro también. ¡La estoy usando en Firefox en HN ahora mismo!
- macNchz
Personalmente me entusiasma esto en iOS: encuentro que leer cosas aburridas en modo oscuro con el brillo al mínimo en mi teléfono es fácilmente la forma más efectiva que tengo de quedarme dormido (al contrario del consejo sobre la luz azul/nada de teléfonos en la cama). Con una pantalla OLED la cantidad de luz emitida es mucho menor que cualquier alternativa que haya probado. Para sitios como HN (algunos hilos en HN son bastante aburridos) que no tienen un modo oscuro nativo, mi solución ha sido configurar la función "Atajo de accesibilidad" para invertir los colores de la pantalla. Tres clics en el botón de bloqueo y la página se invierte. Funciona aceptablemente, pero requiere intervención manual para cada sitio según si admite el modo oscuro.
- Reason077
Hacker News en sí mismo es un ejemplo perfecto de un sitio web que no admite el modo oscuro, pero que podría hacerlo de forma trivial (y, en mi opinión, ¡se vería mucho mejor si lo hiciera!)
- JulianPaul
¿Sigo siendo el único que no usa el modo oscuro? Mi astigmatismo no lo soporta
- AndrewStephens
Esto es algo bueno.
Añadí el modo oscuro a mi blog hace un tiempo y hacerlo bien fue un poco complicado.
Puedes implementar un modo oscuro a medias tú mismo añadiendo el siguiente css.
@media(prefers-color-scheme: dark) {
body {
filter: invert();
}
}
Todas tus imágenes también se invertirán, lo que no funciona bien para las fotos.