19th Ave New York, NY 95822, USA
+1 916-875-2235
+1 916-875-2235

prefers-color-scheme – CSS media queries

El prefers-color-scheme es una nueva característica de CSS (media query) utilizada para detectar si el usuario ha establecido en su sistema si desea utilizar el tema claro (light) u oscuro (dark).

Existe un borrador de CSS media queries nivel 5 donde se especifica el esquema de color preferido.

Compatibilidad de sistemas operativos

Un sistema operativo que actualmente reconoce esta característica es MacOS Mojave.

Compatibilidad de navegadores

Dispositivo Navegador Versión de navegador compatible
Escritorio Chrome 76
Edge No
Firefox 67
Internet Explorer No
Opera No
Safari 12.1
Móvil Android webview 76
Chrome for Android 76
Firefox for Android 67
Opera for Android No
Safari en iOS 13

Cómo utilizar prefers-color-scheme

	@media (prefers-color-scheme: light) {
		body{
			background-color: white;
		}
	}
	@media (prefers-color-scheme: dark) {
		body{
			background-color: black;
		}
	}

Escribe una respuesta