Merge pull request #1024 from saumyayadav25/user-saumya

dark mode enhancement - placeholder text and footer

index.html

@@ -314,7 +314,7 @@ <h5>We focus on quality content for the right people at the right time⏱️. Wh
       <div class="footer-bottom">
         <div class="footer-container">
           <p class="footer-copyright">
-            &copy;<a href = "https://stream.recodehive.com/github"><span id="dynamic-year"></span> Recode-Hive. Made with 🖤️ by the community. All rights reserved.</a> 
+            &copy;<a href = "https://stream.recodehive.com/github" class="footer-copy"><span id="dynamic-year"></span> Recode-Hive. Made with 🖤️ by the community. All rights reserved.</a> 
           </p>
         </div>
       </div>

styles/styles.css

@@ -624,7 +624,8 @@ body.dark-mode .navbar-link:hover {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
-  padding: 20px 0;
+  padding: 25px 10px;
+  padding-bottom: 70px;
 }
 
 .footer-info {
@@ -640,18 +641,19 @@ body.dark-mode .navbar-link:hover {
 }
 
 .footer-description {
+  margin-top: -2%;
   flex: 1 1 300px;
   max-width: 500px;
   margin-right: 30px;
 }
 
 .footer-logo {
-  width: 475px;
-  height: 200px;
+  width: 80%;
   cursor: pointer;
 }
 
 .footer-section {
+  margin-top: -8%;
   margin-right: 20px;
 }
 
@@ -718,6 +720,9 @@ body.dark-mode .navbar-link:hover {
 }
 
 /* Dark mode styles */
+.dark-mode .search-input::placeholder {
+  color: rgb(228, 228, 228); 
+}
 body.dark-mode .footer-2 {
   background: #333;
 }
@@ -731,7 +736,7 @@ body.dark-mode .footer-info img {
 }
 
 body.dark-mode .footer-heading {
-  color: #fff;
+  color: #d5d5d5;
 }
 
 body.dark-mode .footer-button {
@@ -742,6 +747,12 @@ body.dark-mode .footer-button {
 body.dark-mode .footer-button:hover {
   background-color: #e0e0e0;
 }
+.dark-mode .footer-copyright{
+  color:white;
+}
+.dark-mode .footer-copy{
+  color:rgb(236, 235, 235);
+}
 
 /* Responsive adjustments */
 @media (max-width: 768px) {