ChanceArthur
diff --git a/‎README.md
+1-1 b/‎README.md
+1-1
diff --git a/‎dark-mode.js
-9 b/‎dark-mode.js
-9
diff --git a/‎package.json
+4-4 b/‎package.json
+4-4
diff --git a/‎prefers-dark.js
+12 b/‎prefers-dark.js
+12
@@ -16,7 +16,7 @@ plugins: [
 
 ## Usage
 
-Styles generated by this plugin are only used if the `mode-dark` class is applied to the `<html>` element. How you do that is up to you. `dark-mode.js` is provided as an option, which is a simple script that enables dark mode from 6 PM to 6 AM in the user's timezone.
+Styles generated by this plugin are only used if the `mode-dark` class is applied to the `<html>` element. How you do that is up to you. `prefers-dark.js` is provided as an option, which is a simple script that enables dark mode based on the user's system theme.
 
 ### Available Variants
 
 
@@ -1,7 +1,7 @@
 {
   "name": "tailwindcss-dark-mode",
   "description": "A Tailwind CSS plugin that adds variants for dark mode",
-  "version": "1.0.3",
+  "version": "1.1.1",
   "author": "Chance Arthur",
   "license": "MIT",
   "copyright": "Chance Arthur",
@@ -23,10 +23,10 @@
     "javascript"
   ],
   "dependencies": {
-    "tailwindcss": "^1.0.0-beta.5"
+    "tailwindcss": "^1.1.4"
   },
   "devDependencies": {
-    "eslint": "^5.16.0",
-    "eslint-config-google": "^0.12.0"
+    "eslint": "^6.7.2",
+    "eslint-config-google": "^0.14.0"
   }
 }
@@ -0,0 +1,12 @@
+function checkDarkMode() {
+  if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    return true;
+  }
+  return false;
+}
+
+if (checkDarkMode()) {
+  document.documentElement.classList.add('mode-dark');
+} else {
+  document.documentElement.classList.remove('mode-dark');
+}