Merge branch 'seperate' of https://github.com/nishant0708/awesome-git…

…hub-profiles into minimal_items

dark-mode.js

@@ -0,0 +1,29 @@
+document.addEventListener("DOMContentLoaded", function () {
+    const themeToggleCheckbox = document.querySelector("#theme-toggle");
+    const themeLabel = document.querySelector(".toggle-label");
+
+    // Function to set the theme
+    function setTheme(theme) {
+      if (theme === "dark") {
+        document.body.classList.add("dark-mode");
+        themeLabel.textContent = "Dark Mode";
+        themeToggleCheckbox.checked = true;
+      } else {
+        document.body.classList.remove("dark-mode");
+        themeLabel.textContent = "Light Mode";
+        themeToggleCheckbox.checked = false;
+      }
+      localStorage.setItem("theme", theme);
+    }
+
+    // Load the theme from localStorage
+    const savedTheme = localStorage.getItem("theme") || "light";
+    setTheme(savedTheme);
+
+    // Add event listener to toggle checkbox
+    themeToggleCheckbox.addEventListener("change", () => {
+      const newTheme = themeToggleCheckbox.checked ? "dark" : "light";
+      setTheme(newTheme);
+    });
+  });
+

index.html

@@ -49,5 +49,6 @@ <h1 class="main-heading">Awesome GitHub Profile READMEs</h1>
       </div>
     </div>
     <script src="retriveprofile.js"></script>
+    <script src="dark-mode.js"></script>
   </body>
 </html>

retriveprofile.js

@@ -1,33 +1,6 @@
 document.addEventListener("DOMContentLoaded", function () {
-    const themeToggleCheckbox = document.querySelector("#theme-toggle");
-    const themeLabel = document.querySelector(".toggle-label");
-
-    // Function to set the theme
-    function setTheme(theme) {
-      if (theme === "dark") {
-        document.body.classList.add("dark-mode");
-        themeLabel.textContent = "Dark Mode";
-        themeToggleCheckbox.checked = true;
-      } else {
-        document.body.classList.remove("dark-mode");
-        themeLabel.textContent = "Light Mode";
-        themeToggleCheckbox.checked = false;
-      }
-      localStorage.setItem("theme", theme);
-    }
-
-    // Load the theme from localStorage
-    const savedTheme = localStorage.getItem("theme") || "light";
-    setTheme(savedTheme);
-
-    // Add event listener to toggle checkbox
-    themeToggleCheckbox.addEventListener("change", () => {
-      const newTheme = themeToggleCheckbox.checked ? "dark" : "light";
-      setTheme(newTheme);
-    });
-
-    // Fetch and render profiles
     let contributors = [];
+
     function renderProfiles(filter = "") {
       const container = document.querySelector(".profiles");
       container.innerHTML = "";