Merge pull request #774 from Shariq2003/FixesInModal

Fixes In Modal : Visibility and Modal Closing on Outside Click | Issue #749

Author: sanjay-kv

scripts/dark-mode.js

@@ -1,14 +1,20 @@
 document.addEventListener("DOMContentLoaded", function () {
   const themeToggleCheckbox = document.querySelector("#theme-toggle");
-
+  const views = document.querySelectorAll('.views')
   // Function to set the theme
   function setTheme(theme) {
     if (theme === "dark") {
       document.body.classList.add("dark-mode");
       themeToggleCheckbox.checked = true;
+      views.forEach(view => {
+        view.style.color = "white";
+      });
     } else {
       document.body.classList.remove("dark-mode");
       themeToggleCheckbox.checked = false;
+      views.forEach(view => {
+        view.style.color = "black";
+      });
     }
     localStorage.setItem("theme", theme);
   }
@@ -22,4 +28,4 @@ document.addEventListener("DOMContentLoaded", function () {
     const newTheme = themeToggleCheckbox.checked ? "dark" : "light";
     setTheme(newTheme);
   });
-});
+});

scripts/retriveprofile.js

@@ -522,7 +522,9 @@ document.addEventListener('DOMContentLoaded', () => {
   };
 
   // Close the modal if clicked outside of it
-
+  window.onclick = function (event) {
+    close()
+  };
 });