final touch on darkmode

pages/_app.tsx

@@ -14,8 +14,11 @@ export default function App({
 }: AppProps<{
   session: Session;
 }>) {
+  const defaultTheme: "light" | "dark" = "dark";
+
   useEffect(() => {
-    if (!localStorage.getItem("theme")) localStorage.setItem("theme", "light");
+    if (!localStorage.getItem("theme"))
+      localStorage.setItem("theme", defaultTheme);
   }, []);
 
   return (

pages/collections/[id].tsx

@@ -116,7 +116,7 @@ export default function Index() {
             ) : null}
           </div>
 
-          <div className="text-gray-500 dark:text-gray-300 flex justify-between items-end gap-5">
+          <div className="text-black dark:text-white flex justify-between items-end gap-5">
             <p>{activeCollection?.description}</p>
             <div className="flex items-center gap-2">
               <div className="relative">

pages/forgot.tsx

@@ -41,7 +41,7 @@ export default function Forgot() {
   return (
     <CenteredForm>
       <div className="p-4 flex flex-col gap-3 justify-between sm:w-[30rem] w-80 bg-slate-50 dark:border-neutral-700 dark:bg-neutral-800 rounded-2xl shadow-md border border-sky-100">
-        <p className="text-2xl text-black dark:text-white font-bold">
+        <p className="text-2xl text-center text-black dark:text-white font-bold">
           Password Recovery
         </p>
         <div>

pages/login.tsx

@@ -55,7 +55,7 @@ export default function Login() {
         <div>
           <p className="text-sm text-black dark:text-white w-fit font-semibold mb-1">
             Username
-            {emailEnabled ? "/Email" : undefined}
+            {emailEnabled ? " or Email" : undefined}
           </p>
 
           <input