diff --git a/helper.js b/helper.js
index 63d16d4..6ee08be 100644
--- a/helper.js
+++ b/helper.js
@@ -15,7 +15,11 @@ module.exports = {
                 }
                 return 'light';
         }
-        getInitialColorMode() == 'light' ? document.documentElement.classList.remove('dark') : document.documentElement.classList.add('dark');
+        function setTheme () {
+          getInitialColorMode() == 'light' ? document.documentElement.classList.remove('dark') : document.documentElement.classList.add('dark');
+        }
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', setTheme);
+        setTheme(); 
       })()
     `;
     return codeToRunOnClient;