From ec9e7c0d79ec86537ed27a2bdbd6f2aa0d76d900 Mon Sep 17 00:00:00 2001
From: Tal Jacob <taljacob2@gmail.com>
Date: Sat, 7 Jun 2025 12:09:27 +0300
Subject: [PATCH 1/3] Fixed Empty Space When Comments Are Collapsed

Signed-off-by: Tal Jacob <taljacob2@gmail.com>
---
 nextstep-frontend/src/pages/PostDetails.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/nextstep-frontend/src/pages/PostDetails.tsx b/nextstep-frontend/src/pages/PostDetails.tsx
index 2077994..51a0f91 100644
--- a/nextstep-frontend/src/pages/PostDetails.tsx
+++ b/nextstep-frontend/src/pages/PostDetails.tsx
@@ -237,7 +237,7 @@ const PostDetails: React.FC = () => {
           <Typography color="error">{error}</Typography>
         ) : (
           post && (
-            <Paper sx={{ p: 4, width: '100%', height: '70vh', overflowY: 'auto', }}>
+            <Paper sx={{ p: 4, width: '100%' }}>
               <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>
                 <Avatar
                   src={profileImage}

From e83de7ce11ca51f535190ad90cd5563a28bae0a0 Mon Sep 17 00:00:00 2001
From: Tal Jacob <taljacob2@gmail.com>
Date: Sat, 7 Jun 2025 12:51:39 +0300
Subject: [PATCH 2/3] Support Feed Whats On Your Mind Message In Dark Mode

Signed-off-by: Tal Jacob <taljacob2@gmail.com>
---
 nextstep-frontend/src/pages/Feed.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/nextstep-frontend/src/pages/Feed.tsx b/nextstep-frontend/src/pages/Feed.tsx
index 34e76ef..2c0b226 100644
--- a/nextstep-frontend/src/pages/Feed.tsx
+++ b/nextstep-frontend/src/pages/Feed.tsx
@@ -218,14 +218,14 @@ const Feed: React.FC = () => {
                 <Avatar src={profileImages[auth.userId] || defaultProfileImage} sx={{ mr: 2 }} />
                 <Box
                   sx={{
-                    backgroundColor: '#f0f2f5',
+                    backgroundColor: 'background.paper',
                     borderRadius: '20px',
                     px: 2,
                     py: 1,
                     flexGrow: 1,
                   }}
                 >
-                  <Typography color="text.secondary">What's on your mind{', ' + auth.username || 'User'}?</Typography>
+                  <Typography color="text.primary" sx={{ opacity: 0.7 }}>What's on your mind{', ' + auth.username || 'User'}?</Typography>
                 </Box>
               </Box>
               <Box sx={{ display: 'flex', justifyContent: 'space-around', mt: 2 }}>

From deebd495f88cf6fbdd22a8e1538d11a958143c00 Mon Sep 17 00:00:00 2001
From: Tal Jacob <taljacob2@gmail.com>
Date: Sat, 7 Jun 2025 12:53:21 +0300
Subject: [PATCH 3/3] Support Feed New Post Modal In Dark Mode

Signed-off-by: Tal Jacob <taljacob2@gmail.com>
---
 nextstep-frontend/src/components/NewPost.tsx | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/nextstep-frontend/src/components/NewPost.tsx b/nextstep-frontend/src/components/NewPost.tsx
index 4c0f0ca..15a0dbe 100644
--- a/nextstep-frontend/src/components/NewPost.tsx
+++ b/nextstep-frontend/src/components/NewPost.tsx
@@ -50,15 +50,16 @@ const NewPostModal: React.FC<Props> = ({ open, onClose, onPostCreated }) => {
         maxWidth="md"
         sx={{
           mt: 10,
-          backgroundColor: 'white',
+          backgroundColor: 'background.paper',
           borderRadius: 2,
           p: 4,
           width: '40%',
           overflowY: 'auto',
           height: '80vh',
+          color: 'text.primary',
         }}
       >
-        <Typography variant="h5" gutterBottom>
+        <Typography variant="h5" gutterBottom color="text.primary">
           Create New Post
         </Typography>
         <form onSubmit={handleSubmit}>
@@ -67,7 +68,17 @@ const NewPostModal: React.FC<Props> = ({ open, onClose, onPostCreated }) => {
             placeholder="Title"
             value={title}
             onChange={(e) => setTitle(e.target.value)}
-            style={{ width: '100%', marginBottom: '1rem', padding: '10px', fontSize: '16px' }}
+            style={{ 
+              width: '100%', 
+              marginBottom: '1rem', 
+              padding: '10px', 
+              fontSize: '16px',
+              backgroundColor: 'transparent',
+              color: 'inherit',
+              border: '1px solid',
+              borderColor: 'divider',
+              borderRadius: '4px',
+            }}
             required
           />
           <FroalaEditor