many coloring changes and improvements

components/Modal/User/ChangePassword.tsx

@@ -81,7 +81,7 @@ export default function ChangePassword({
   return (
     <div className="mx-auto sm:w-[35rem] w-80">
       <div className="max-w-[25rem] w-full mx-auto flex flex-col gap-3 justify-between">
-        <p className="text-sm text-sky-700 dark:text-sky-400">New Password</p>
+        <p className="text-sm text-black dark:text-white">New Password</p>
 
         <input
           value={newPassword}
@@ -90,7 +90,7 @@ export default function ChangePassword({
           placeholder="••••••••••••••"
           className="w-full rounded-md p-3 mx-auto border-sky-100 dark:border-sky-800 dark:bg-sky-950 border-solid border outline-none focus:border-sky-700 duration-100"
         />
-        <p className="text-sm text-sky-700 dark:text-sky-400">
+        <p className="text-sm text-black dark:text-white">
           Confirm New Password
         </p>