Merge pull request #7 from shaikshahid98/main

Banner appearing in both Light and Dark Mode.
LakinduK · Oct 19, 2022 · f1a7b05 · f1a7b05
2 parents 4a1b2cd + eb57f13
commit f1a7b05
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/contributors/index.css b/contributors/index.css
@@ -15,7 +15,7 @@ body {
   padding-bottom: 10vh;
 
 }
-.bg-img {
+.bg-img,#bg-img {
   /* The image used */
   background-image: url("src/H22/H22-Banners-Dark.png");
 

diff --git a/contributors/index.html b/contributors/index.html
@@ -64,7 +64,7 @@
       <img src = "src/flower-frame.svg" alt="Right Flower" style="float:right"/>
     </div> -->
 
-  <section class="bg-dark text-light p-5 text-center bg-img">
+  <section class="bg-dark text-light p-5 text-center bg-img" id="bg-img">
     <div class="container text-light p-3">
       <h1 style="font-family: 'Poppins', sans-serif">
         Open-Source <span class="text-warning">Contributors 👨‍💻</span>

diff --git a/contributors/src/banner-blank-light.png b/contributors/src/banner-blank-light.png
diff --git a/contributors/src/dark-mode-switch.min.js b/contributors/src/dark-mode-switch.min.js
@@ -13,7 +13,6 @@ function initTheme() {
   else {
     document.body.removeAttribute("data-theme");
     document.getElementById("H22-image").src = "src/H22/H22-logo-light.png";
-
   }
 }
 
@@ -24,12 +23,15 @@ function resetTheme() {
       localStorage.setItem("darkSwitch", "dark"))
     text.innerHTML = "Light Theme 🌤️";
     document.getElementById("H22-image").src = "src/H22/H22-logo-dark.png";
+    document.getElementById("bg-img").style.backgroundImage = "url('src/H22/H22-Banners-Dark.png')";
   }
   else {
     (document.body.removeAttribute("data-theme"),
       localStorage.removeItem("darkSwitch"));
     text.innerHTML = 'Dark Theme 🌚';
     document.getElementById("H22-image").src = "src/H22/H22-logo-light.png";
+    document.getElementById("bg-img").style.backgroundImage = "url('src/H22/H22-Banners-Light.png')";
+
   }
 
 }