Skip to main content

prefersLightColorScheme

JS TODO

Returns true if the user color scheme preference is light, false otherwise.

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