fixed-light-mode-text-issue

oyepriyansh · Oct 7, 2023 · ba8c307 · ba8c307
1 parent ed81bb1
commit ba8c307
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@ <h1 class="col">Dev Profiles</h1>
     </div>
 
     <button class="add-col"
-        onclick='window.open("https://github.com/oyepriyansh/DevProfiles","_blank")'"><span>Add your Profile &nbsp;</span><i class="
+        onclick='window.open("https://github.com/oyepriyansh/DevProfiles","_blank")'"><span >Add your Profile &nbsp;</span><i class="
         fa-sharp fa-solid fa-user-plus"></i> </button>
     <div id="no-profile"> No Profile Found </div>
 

diff --git a/js/script.js b/js/script.js
@@ -30,11 +30,19 @@ function filterProfiles() {
 const colorSwitch = document.getElementById("input-toggle-button");
 colorSwitch.addEventListener("click", checkMode);
 
+const btn = document.querySelector('.add-col');
+
 function checkMode() {
   console.log("checking...");
   if (colorSwitch.checked) {
     console.log("dark on");
     darkModeOn();
+    btn.addEventListener('mouseover', () => {
+      btn.style.color = "white";
+    })
+    btn.addEventListener('mouseout', () => {
+      btn.style.color = "black";
+    })
   } else {
     console.log("dark off");
     darkModeOff();