Updates to design

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

@@ -31,7 +31,7 @@
     
     <div class="navbar navbar-light bg-primary shadow-sm">
         <div class="container d-flex justify-content-between">
-            <a class="navbar-brand" href="#">
+            <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
             </a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
@@ -47,7 +47,7 @@
     <div class="album py-5 bg-secondary">
         <button id="theme-toggle" class="btn btn-light mb-2">Push to change theme</button>
         <div class="container">
-            <input class="form-control form-control-dark w-100 bg-info border border-boxborder" placeholder="Search"
+            <input class="form-control form-control-dark w-100 bg-info border border-boxborder text-searchfont" placeholder="Search"
                    aria-label="Search">
         </div>
 

src/assets/pages/styles/resources-landing-page.scss

@@ -22,12 +22,8 @@
 	color: #c1c0cc;
 }
 
-.form-control {
-    color: #searchfont;
-}
-
 .form-control:focus {
-    color: #searchfont;
+  box-shadow: none;
 }
 
 .card-image-background{

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

@@ -4,17 +4,18 @@ $theme-colors: (
         "success": #808080,
         "info": #202023,
         "warning": #000000,
+        "navbartext": #202022,
         "inactivecard": #414144,
         "activecard": #707070,
         "boxborder": #55555c,
         "activecardfont":#e1e4e8,
         "searchfont": #808080,
         "webcardimagebackground": #707070,
-        "webcardimagebackgroundhover": #808080,
+        "webcardimagebackgroundhover": #98928F,
         "headertextcolor": #808080,
-        "headertextcolorhover": #ffffff,
+        "headertextcolorhover": #202022,
         "paragraphtextcolor": #808080,
-        "paragraphtextcolorhover":#ffffff,
+        "paragraphtextcolorhover":#202022,
 );
 
 

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

@@ -4,13 +4,14 @@ $theme-colors: (
         "success": #0B031C,
         "info": #ffffff,
         "warning": #700000,
+        "navbartext": #ffffff,
         "inactivecard": #ffffff,
         "activecard": #13a04a,
         "boxborder": #c0c2c6,
         "activecardfont":#e1e4e8,
         "searchfont": #2c2c2c,
         "webcardimagebackground": #eeeeee,
-        "webcardimagebackgroundhover": #ffffff,
+        "webcardimagebackgroundhover": #f0f0f0,
         "headertextcolor": #2c2c2c,
         "headertextcolorhover": #ffffff,
         "paragraphtextcolor": #2c2c2c,

src/assets/views/web-card.mustache

@@ -2,7 +2,7 @@
 <div class="col-md-4 web-card" id="{{{id}}}" >
     <div class="card mb-4 shadow-sm web-card-background">
         <div class="card-body  text-center">
-            <h7 class="card-text text-header" style="text-align:center">{{title}}</h7>
+            <h6 class="card-text text-header" style="text-align:center">{{title}}</h6>
             <p class="card-text text-paragraph text-align-left">{{description}} </p>
             <div class="d-inline-block mx-auto justify-content-between align-items-center web-card-image-background">
                 <img class="rounded-circle mx-auto d-block img-fluid"