Merge pull request #32 from aaron-jacob/aaron

Changed background image for light theme
Hackerspace2023 · Oct 12, 2023 · c13be4d · c13be4d
2 parents 31d3079 + cc14f6f
commit c13be4d
Show file tree

Hide file tree

Showing 4 changed files with 13 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
@@ -85,7 +85,7 @@ <h3>Coding Community of MSIT</h3>
           </div>
         </div>
       </div>
-      <img src="./public/background.png" alt="" class="background" />
+      <img id="bgimage" src="./public/background.png" alt="" class="background" />
     </div>
     <!-- image gallery -->
     <div class="page photo-gallery-page">

diff --git a/js/toggle-theme.js b/js/toggle-theme.js
@@ -1,4 +1,13 @@
+const imageElement = document.getElementById("bgimage");
+let isImage1 = true;
+
 var theme=document.getElementById("change-theme");
 theme.onclick=function(){
     document.body.classList.toggle("light-theme");
+    if (isImage1) {
+        imageElement.src = "./public/lightbg.png"; 
+      } else {
+        imageElement.src = "./public/background.png"; 
+      }
+      isImage1 = !isImage1;
 }
diff --git a/public/lightbg.png b/public/lightbg.png