Dark & Light mode icons added

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

CONTRIBUTORS

@@ -39,3 +39,4 @@ Daniele Avolio <[email protected]>
 Adhetya Narayan J.M <[email protected]>
 Ranjana Reghunath <[email protected]>
 Rudraksh Karpe <[email protected]>
+Prakhar Pandey <[email protected]>

index.html

@@ -161,7 +161,7 @@
 
             <!--dark mode button is now outside the option class-->
             <button onclick="darkMode()" class="toggleButton">
-                <i class='fas fa-sun'></i>
+                 <i class="fa-solid fa-moon fa-2x" id="dark-mode-enable"></i>
             </button>
         </nav>
 

index.js

@@ -40,6 +40,17 @@ function darkMode() {
       element.style.borderRight = "2px solid white";
     }
   }
+
+  const toggleButton = document.getElementById("dark-mode-enable");
+
+  if(toggleButton.classList.contains("fa-moon")){
+    toggleButton.classList.remove("fa-moon");
+    toggleButton.classList.add("fa-lightbulb");
+  }
+  else{
+    toggleButton.classList.remove("fa-lightbulb");
+    toggleButton.classList.add("fa-moon");
+  }
 }
 const toggles = document.querySelectorAll(".faq-toggle");