Merge pull request #550 from MeetDOD/issue-537

Bug: Fixed title in ligh/dark mode successfully issue 537
VaibhavArora314 · Aug 2, 2024 · 4bc621d · 4bc621d
2 parents 3e6f450 + 8bf8a06
commit 4bc621d
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 7 deletions.
diff --git a/frontend/src/components/FAQ.tsx b/frontend/src/components/FAQ.tsx
@@ -76,7 +76,7 @@ const FAQ: React.FC = () => {
           backgroundPosition: "center",
         }}
       >
-        <h2 className="text-2xl md:text-[37px] mb-14 font-bold text-white transition-shadow duration-300 hover:shadow-[1px_1px_5px_rgb(0,255,208),_0_0_1em_rgb(238,71,224),_0_0_0.2em_rgb(255,0,200)]">
+        <h2 className="text-2xl md:text-[37px] mb-14 font-bold text-[#000435] dark:text-white">
           Frequently Asked Questions!
         </h2>
         <dl className="flex flex-col items-center">

diff --git a/frontend/src/pages/Comment.tsx b/frontend/src/pages/Comment.tsx
@@ -99,7 +99,7 @@ const Comment = () => {
         </ul>
 
         ) : (
-          <p className="text-gray-300">Be the first one to comment...</p>
+          <p className="text-[#000435] dark:text-white">Be the first one to comment...</p>
         )}
       </div>
       <form onSubmit={handleCommentSubmit} className="mt-5">

diff --git a/frontend/src/pages/HomePagePosts.tsx b/frontend/src/pages/HomePagePosts.tsx
@@ -26,7 +26,7 @@ const HomePagePost = () => {
 
   return (
     <div className="max-w-screen-xl flex flex-col items-center justify-center mx-auto p-4  text-[#000435] bg-white dark:text-white dark:bg-[#000435]"style={{ backgroundImage: `url(${bgHero})`, backgroundSize: 'cover', backgroundPosition: 'center' }}>
-      <h1 className="text-3xl font-semibold my-4 text-white">📃 Recent Posts Added</h1>
+      <h1 className="text-3xl font-semibold my-4 text-[#000435] dark:text-white">📃 Recent Posts Added</h1>
       <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 w-full my-10">
         {posts.map((post, index) => (
           <PostCard

diff --git a/frontend/src/pages/LoginForm.tsx b/frontend/src/pages/LoginForm.tsx
@@ -44,7 +44,7 @@ const LoginForm: React.FC<LoginFormProps> = ({ defaultFormType = 'Signin' }) =>
     }, [location.pathname]);
 
     return (
-        <Box sx={{ textAlign: 'center' }}>
+        <Box sx={{ textAlign: 'center' }} >
             <ToggleButtonGroup
                 value={formType}
                 onChange={handleFormChange}
@@ -55,7 +55,6 @@ const LoginForm: React.FC<LoginFormProps> = ({ defaultFormType = 'Signin' }) =>
                         fontSize: '16px',
                         width: '120px',
                         backgroundColor: 'rgba(0, 0, 0, 0.1)', // Slight transparency for better background adaptation
-                        color: '#fff', // Neutral text color
                         borderRadius: '8px', // Rounded corners for a modern look
                         '&.Mui-selected': {
                             backgroundColor: 'rgba(37, 117, 252, 0.8)', // Light blue with slight transparency
@@ -73,8 +72,8 @@ const LoginForm: React.FC<LoginFormProps> = ({ defaultFormType = 'Signin' }) =>
                     }
                 }}
             >
-                <ToggleButton value="Signin"><Typography>Sign In</Typography></ToggleButton>
-                <ToggleButton value="SignUp"><Typography>Sign Up</Typography></ToggleButton>
+                <ToggleButton value="Signin"><Typography className="text-[#000435] dark:text-white">Sign In</Typography></ToggleButton>
+                <ToggleButton value="SignUp"><Typography className="text-[#000435] dark:text-white">Sign Up</Typography></ToggleButton>
             </ToggleButtonGroup>
             {formType === 'Signin' ? <Signin /> : <Signup />}
         </Box>
-Original file line number
+Diff line change
@@ Expand Up / @@ -99,7 +99,7 @@ const Comment = () => { @@
             </ul>
             ) : (
-              <p className="text-gray-300">Be the first one to comment...</p>
+              <p className="text-[#000435] dark:text-white">Be the first one to comment...</p>
             )}
           </div>
           <form onSubmit={handleCommentSubmit} className="mt-5">
@@ Expand Down @@