chage login color

thakiyudheen · Jul 22, 2024 · c186a46 · c186a46
1 parent 158cd6d
commit c186a46
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/Pages/auth/Login.tsx b/src/Pages/auth/Login.tsx
@@ -114,7 +114,7 @@ const Login: React.FC = () => {
                     type="email"
                     name="email"
                     placeholder="Email"
-                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-gray-800'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
+                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-base-100'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
                   />
                   <ErrorMessage name="email" component="div" className="text-red-500 text-[12px]" />
                 </div>
@@ -123,7 +123,7 @@ const Login: React.FC = () => {
                     type={showPassword ? 'text' : 'password'}
                     name="password"
                     placeholder="Password"
-                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-gray-800'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
+                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-base-100'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
                   />
                   <div className="absolute inset-y-0 right-0 pr-3 flex items-center cursor-pointer" onClick={togglePasswordVisibility}>
                     {showPassword ? <FaEyeSlash /> : <FaEye />}

diff --git a/src/Pages/auth/Signup.tsx b/src/Pages/auth/Signup.tsx
@@ -128,7 +128,7 @@ const Signup: React.FC = () => {
                     type="text"
                     name="username"
                     placeholder="Username"
-                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-gray-800'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
+                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-base-100'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
                   />
                   <ErrorMessage name="username" component="div" className="text-red-500 text-[12px]" />
                 </div>
@@ -137,7 +137,7 @@ const Signup: React.FC = () => {
                     type="email"
                     name="email"
                     placeholder="Email"
-                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-gray-800'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
+                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-base-100'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
                   />
                   <ErrorMessage name="email" component="div" className="text-red-500 text-[12px]" />
                 </div>
@@ -146,7 +146,7 @@ const Signup: React.FC = () => {
                     type={showPassword ? 'text' : 'password'}
                     name="password"
                     placeholder="Password"
-                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-gray-800'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
+                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-base-100'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
                   />
                   <motion.button
                     type="button"
@@ -164,7 +164,7 @@ const Signup: React.FC = () => {
                     type={showConfirmPassword ? 'text' : 'password'}
                     name="confirmPassword"
                     placeholder="Confirm Password"
-                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-gray-800'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
+                    className={`w-full px-2 py-1 ${theme === 'light' ? 'bg-white' : 'bg-base-100'} border-b-[1px] focus:outline-none border-[grey] text-sm`}
                   />
                   <motion.button
                     type="button"