30-seconds-of-code/javascript/snippets/prefers-light-color-scheme.md

title, type, tags, author, cover, dateModified

title	type	tags	author	cover	dateModified
User prefers light color scheme	snippet	browser	chalarangelo	dark-mode	2020-10-22T20:24:04+03:00

Checks if the user color scheme preference is light.

• Use Window.matchMedia() with the appropriate media query to check the user color scheme preference.

const prefersLightColorScheme = () =>
  window &&
  window.matchMedia &&
  window.matchMedia('(prefers-color-scheme: light)').matches;

prefersLightColorScheme(); // true