changed classNames

layouts/CenteredForm.tsx

@@ -1,7 +1,7 @@
 import useLocalSettingsStore from "@/store/localSettings";
 import Image from "next/image";
 import Link from "next/link";
-import React, { ReactNode } from "react";
+import React, { ReactNode, useEffect } from "react";
 
 interface Props {
   text?: string;
@@ -10,10 +10,11 @@ interface Props {
 
 export default function CenteredForm({ text, children }: Props) {
   const { settings } = useLocalSettingsStore();
+
   return (
     <div className="absolute top-0 bottom-0 left-0 right-0 flex justify-center items-center p-5">
       <div className="m-auto flex flex-col gap-2 w-full">
-        {true ? (
+        {settings.theme ? (
           <Image
             src={`/linkwarden_${
               settings.theme === "dark" ? "dark" : "light"
@@ -24,30 +25,13 @@ export default function CenteredForm({ text, children }: Props) {
             className="h-12 w-fit mx-auto"
           />
         ) : undefined}
-        {/* {settings.theme === "dark" ? (
-          <Image
-            src="/linkwarden_dark.png"
-            width={640}
-            height={136}
-            alt="Linkwarden"
-            className="h-12 w-fit mx-auto"
-          />
-        ) : (
-          <Image
-            src="/linkwarden_light.png"
-            width={640}
-            height={136}
-            alt="Linkwarden"
-            className="h-12 w-fit mx-auto"
-          />
-        )} */}
         {text ? (
           <p className="text-lg max-w-[30rem] min-w-80 w-full mx-auto font-semibold px-2 text-center">
             {text}
           </p>
         ) : undefined}
         {children}
-        <p className="text-center text-xs text-gray-500 mb-5 dark:text-gray-400">
+        <p className="text-center text-xs text-neutral mb-5">
           © {new Date().getFullYear()}{" "}
           <Link href="https://linkwarden.app" className="font-semibold">
             Linkwarden

layouts/LinkLayout.tsx

@@ -86,7 +86,7 @@ export default function LinkLayout({ children }: Props) {
           <div className="flex gap-3 mb-5 duration-100 items-center justify-between">
             {/* <div
               onClick={toggleSidebar}
-              className="inline-flex lg:hidden gap-1 items-center select-none cursor-pointer p-2 text-neutral rounded-md duration-100 hover:bg-slate-200 dark:hover:bg-neutral-700"
+              className="inline-flex lg:hidden gap-1 items-center select-none cursor-pointer p-2 text-neutral rounded-md duration-100 hover:bg-neutral-content"
             >
               <FontAwesomeIcon icon={faBars} className="w-5 h-5" />
             </div> */}

layouts/SettingsLayout.tsx

@@ -53,14 +53,14 @@ export default function SettingsLayout({ children }: Props) {
           <div className="gap-2 inline-flex mr-3">
             <div
               onClick={toggleSidebar}
-              className="inline-flex lg:hidden gap-1 items-center select-none cursor-pointer p-2 text-neutral rounded-md duration-100 hover:bg-slate-200 dark:hover:bg-neutral-700"
+              className="text-neutral btn btn-square btn-ghost"
             >
               <FontAwesomeIcon icon={faBars} className="w-5 h-5" />
             </div>
 
             <Link
               href="/dashboard"
-              className="inline-flex w-fit gap-1 items-center select-none cursor-pointer p-2 text-neutral rounded-md duration-100 hover:bg-slate-200 dark:hover:bg-neutral-700"
+              className="text-neutral btn btn-square btn-ghost"
             >
               <FontAwesomeIcon icon={faChevronLeft} className="w-5 h-5" />
             </Link>