Tried to create themed version of header image without luck

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

@@ -29,10 +29,10 @@
         </div>
     </div>
     
-    <div class="navbar navbar-light bg-primary shadow-sm">
+    <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/JDS_faulkner_Logo_NoTextAtBottom.png" height="30" class="d-inline-block align-top" alt="JDSfaulkner logo" loading="lazy">&nbsp;&nbsp;ResourceFinder
+                <img src="../images/dark-theme-images/jdsfaulkner-logo-dk-theme.png" height="50" class="d-inline-block align-middle" alt="JDSfaulkner logo">
             </a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
                     aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">

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

@@ -4,7 +4,7 @@ $theme-colors: (
         "success": #808080,
         "info": #202023,
         "warning": #000000,
-        "navbartext": #202022,
+        "navbartext": #c2c2c2,
         "inactivecard": #414144,
         "activecard": #707070,
         "boxborder": #55555c,
@@ -18,5 +18,4 @@ $theme-colors: (
         "paragraphtextcolorhover":#202022,
 );
 
-
 @import "theme-base";

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

@@ -1,10 +1,10 @@
 $theme-colors: (
-        "primary": #2c2c2c,
+        "primary": #101011,
         "secondary": #e5e5e5,
         "success": #0B031C,
         "info": #ffffff,
         "warning": #700000,
-        "navbartext": #ffffff,
+        "navbartext": #c2c2c2,
         "inactivecard": #ffffff,
         "activecard": #13a04a,
         "boxborder": #c0c2c6,
@@ -18,5 +18,4 @@ $theme-colors: (
         "paragraphtextcolorhover":#ffffff,
 );
 
-
 @import "theme-base";