Fix prefers-color-scheme support check, credits: @emilio

tomayac · tomayac · commit f52c48d2833c · 2019-06-25T15:11:00.000+02:00
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dark-mode-toggle",
-  "version": "0.0.12",
+  "version": "0.1.0",
   "description": "Web Component that toggles dark mode 🌒",
   "main": "./src/dark-mode-toggle.mjs",
   "browser": "src/dark-mode-toggle.mjs",
diff --git a/src/dark-mode-toggle.mjs b/src/dark-mode-toggle.mjs
@@ -301,7 +301,7 @@ export class DarkModeToogle extends HTMLElement {
 
     // Does the browser support native `prefers-color-scheme`?
     const hasNativePrefersColorScheme =
-        win.matchMedia('(prefers-color-scheme)').matches;
+        win.matchMedia('(prefers-color-scheme)').media !== 'not all';
     // Set initial state, giving preference to a remembered value, then the
     // native value (if supported), and eventually defaulting to a light
     // experience.

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "dark-mode-toggle",`
`3`		`- "version": "0.0.12",`
	`3`	`+ "version": "0.1.0",`
`4`	`4`	`"description": "Web Component that toggles dark mode 🌒",`
`5`	`5`	`"main": "./src/dark-mode-toggle.mjs",`
`6`	`6`	`"browser": "src/dark-mode-toggle.mjs",`