Skip to main content
Module

x/30_seconds_of_typescript/docs/prefersLightColorScheme.md

deepakshrma/30-seconds-of-typescript
Latest
File

title: prefersLightColorScheme tags: browser,intermediate

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