Merge pull request #3785 from Arghya-Chakraborty0812/dark-mode/hover/…

…loginpage Fixes#3782:Changing the dark mode hover for login page
anuragverma108 · Oct 20, 2024 · ab8a74f · ab8a74f
2 parents 49700c6 + 7f62c39
commit ab8a74f
Showing 1 changed file with 39 additions and 2 deletions.
diff --git a/assets/html/login.html b/assets/html/login.html
@@ -852,10 +852,18 @@ <h2>Join us by creating an account or log in if you already have an account</h2>
                 <div id="or">Or</div>
                 <div class="social-buttons" style="display: flex; gap: 5px; justify-content: center;">
                   <style>
+                    .dark-mode #login:hover{
+                      transition: 0.5s ease;
+                      color: #483D8B;
+                    }
                     #forgot_password_link:hover{
                       transition: 0.5s ease;
                       color: #df0013;
                     }
+                    .dark-mode #forgot_password_link:hover{
+                      transition: 0.5s ease;
+                      color: #708090;
+                    }
                   </style>
                   <div class="button-container">
                     <button class="p1" id="google-sign-in" style="
@@ -1161,6 +1169,11 @@ <h2>Quick Links</h2>
               <i class="fab fa-discord" title="Discord" style="cursor: pointer;"></i>
             </div>
            </a>
+           <style>
+            .dark-mode .fab.fa-discord:hover{
+              color:#3b5998 !important;
+            }
+           </style>
 
           <a href="https://www.linkedin.com/in/anurag-verma-b91417253/" target="_blank">
             <div class="icon">
@@ -1179,7 +1192,11 @@ <h2>Quick Links</h2>
               <i class="fab fa-twitter" title="X"style="cursor: pointer;"></i>
             </div>
           </a>
-
+          <style>
+            .dark-mode .fab.fa-twitter:hover{
+              color: whitesmoke !important;
+            }
+          </style>
           <a href="https://www.instagram.com/">
             <div class="icon" id="insta-icon">
               <i class="fab fa-instagram" title="Instagram"style="cursor: pointer;"></i>
@@ -1200,7 +1217,11 @@ <h2>Quick Links</h2>
               <i class="fab fa-github" title="Github"></i>
             </div>
           </a>
-
+         <style>
+          .dark-mode .fab.fa-github:hover{
+            color: whitesmoke !important;
+          }
+         </style>
 
         </div>
        </div>
@@ -1222,6 +1243,10 @@ <h2>Quick Links</h2>
 
 
 <style>
+  .dark-mode #translateButton:hover{
+    background-color: #36454F;
+    transition: 0.5s ease-in;
+  }
   #translateButton:hover{
     background-color: rgb(0, 30, 0);
     transition: 0.5s ease-in;
@@ -1242,6 +1267,18 @@ <h2>Quick Links</h2>
     </div>
     </div>
     <style>
+      .dark-mode #copyrightPolicyLink:hover{
+        color: #708090;
+        transition: 0.5s ease;
+      }
+      .dark-mode #privacyNoticeLink:hover{
+        color: #708090;
+        transition: 0.5s ease;
+      }
+      .dark-mode #ourvisionLink:hover{
+        color: #708090;
+        transition: 0.5s ease;
+      }
       #copyrightPolicyLink:hover{
         color: rgb(126, 0, 21);
         transition: 0.5s ease;