Saltar al contenido →

Dark Mode para Web

La nueva versión de Safari Technoloy Preview, la número 68, añade soporte para Dark Mode.

Concretamente nos da una nueva Media Query de CSS3 que se llama prefers-color-scheme con la que podemos definir los estilos a aplicar para nuestra web dependiendo de si macOS Mojave tiene el Modo Oscuro activado o no.

De esta manera tan simple podemos mostrar un estilo acorde al modo seleccionado por el usuario.

Os recuerdo que esta opción está, de momento, sólo disponible en la versión para desarrolladores de Safari, por lo que a no faltar mucho estaría disponible para el público en general.

Código Fuente

En este repositorio de GitHub os dejo una página de ejemplo para que veáis una demostración práctica.

Publicado en Diseño Web