Changed theme toggle button colors

src/assets/pages/resources-landing-page.html

@@ -33,15 +33,18 @@
 
     <div class="navbar navbar-dark bg-primary shadow-sm">
         <div class="container d-flex justify-content-between">
+            
             <a class="navbar-brand text-navbartext" href="#">
                 <img src="../images/jdsfaulkner-logo-lt-theme.png" height="50" class="d-inline-block align-middle"
                      alt="JDSfaulkner logo">
             </a>
+
             <div id="theme-toggle" class="theme-button mb-2"></div>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
                     aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
+            
         </div>
     </div>
 

src/assets/pages/styles/theme-dark.scss

@@ -23,7 +23,8 @@ $theme-colors: (
   height: 30px;
   background-size: contain;
   background-color: transparent;
-  background-image: url("../../images/theme-toggle-dark.png");
+  background-repeat: no-repeat;
+  background-image: url("../../images/dark-theme-toggle.png");
   cursor: pointer;
 }
 

src/assets/pages/styles/theme-light.scss

@@ -23,7 +23,8 @@ $theme-colors: (
   height: 30px;
   background-size: contain;
   background-color: transparent;
-  background-image: url("../../images/theme-toggle-light.png");
+  background-repeat: no-repeat;
+  background-image: url("../../images/light-theme-toggle.png");
   cursor: pointer;
 }