diff --git a/js/main.js b/js/main.js
index 253b3f9..5b30f2f 100644
--- a/js/main.js
+++ b/js/main.js
@@ -53,3 +53,10 @@ function resetTheme() {
     localStorage.removeItem("darkSwitch");
   }
 }
+
+if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+  document.body.setAttribute("data-theme", "dark");
+}
+window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
+  const newColorScheme = e.matches ? document.body.setAttribute("data-theme", "dark") : document.body.removeAttribute("data-theme");
+});
\ No newline at end of file