WIP

pages/public/collections/[id].tsx

@@ -12,7 +12,6 @@ import ProfilePhoto from "@/components/ProfilePhoto";
 import useModalStore from "@/store/modals";
 import ModalManagement from "@/components/ModalManagement";
 import ToggleDarkMode from "@/components/ToggleDarkMode";
-import { useTheme } from "next-themes";
 import getPublicUserData from "@/lib/client/getPublicUserData";
 import Image from "next/image";
 import Link from "next/link";
@@ -46,8 +45,6 @@ export default function PublicCollections() {
       : (document.body.style.overflow = "auto");
   }, [modal]);
 
-  const { theme } = useTheme();
-
   const router = useRouter();
 
   const [collectionOwner, setCollectionOwner] = useState({
@@ -106,8 +103,8 @@ export default function PublicCollections() {
       className="h-screen"
       style={{
         backgroundImage: `linear-gradient(${collection?.color}30 10%, ${
-          theme === "dark" ? "#262626" : "#f3f4f6"
-        } 50%, ${theme === "dark" ? "#171717" : "#ffffff"} 100%)`,
+          "dark" ? "#262626" : "#f3f4f6"
+        } 50%, ${"dark" ? "#171717" : "#ffffff"} 100%)`,
       }}
     >
       <ModalManagement />

pages/public/links/[id].tsx

@@ -9,7 +9,6 @@ import {
 } from "@/types/global";
 import Image from "next/image";
 import ColorThief, { RGBColor } from "colorthief";
-import { useTheme } from "next-themes";
 import unescapeString from "@/lib/client/unescapeString";
 import isValidUrl from "@/lib/client/isValidUrl";
 import DOMPurify from "dompurify";
@@ -31,7 +30,6 @@ type LinkContent = {
 };
 
 export default function Index() {
-  const { theme } = useTheme();
   const { links, getLink } = useLinkStore();
   const { setModal } = useModalStore();
 
@@ -140,13 +138,13 @@ export default function Index() {
         )})30`;
       }
     }
-  }, [colorPalette, theme]);
+  }, [colorPalette]);
 
   return (
     <LinkLayout>
       <div
         className={`flex flex-col max-w-screen-md h-full ${
-          theme === "dark" ? "banner-dark-mode" : "banner-light-mode"
+          "dark" ? "banner-dark-mode" : "banner-light-mode"
         }`}
       >
         <div