Hook for adding dark mode to any project.

hooks.js

import { useEffect } from "react";

export function useDarkMode(isDarkMode = true) {
  useEffect(() => {
    if (isDarkMode) {
      document.body.style.backgroundColor = "black";
      document.body.style.filter = "invert(1) hue-rotate(180deg)";
    } else {
      document.body.style.backgroundColor = "white";
      document.body.style.filter = "";
    }

    return () => {
      document.body.style.backgroundColor = "white";
      document.body.style.filter = "";
    };
  }, [isDarkMode]);
}