Nest all content into snippets

snippets/js/s/prefers-light-color-scheme.md

@@ -0,0 +1,24 @@
+---
+title: User prefers light color scheme
+type: snippet
+language: javascript
+tags: [browser]
+author: chalarangelo
+cover: dark-mode
+dateModified: 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.
+
+```js
+const prefersLightColorScheme = () =>
+  window &&
+  window.matchMedia &&
+  window.matchMedia('(prefers-color-scheme: light)').matches;
+```
+
+```js
+prefersLightColorScheme(); // true
+```