automatic Reagan mode

mrkyns · Apr 21, 2023 · cd24aac · cd24aac
1 parent 4ff928c
commit cd24aac
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/components/Reagan.jsx b/src/components/Reagan.jsx
@@ -1,7 +1,18 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 
 export default function Reagan() {
   const [active, setActive] = useState(false);
+
+  useEffect(() => {
+    if (
+      window.matchMedia &&
+      window.matchMedia("(prefers-color-scheme: dark)").matches
+    ) {
+      document.body.classList.add("reagan_mod");
+      setActive(!active);
+    }
+  }, []);
+
   return (
     <div
       onClick={function toggleBtn() {