From d3f9146a92979eb935f1f11112508387f6b62ba0 Mon Sep 17 00:00:00 2001
From: Rebecca Hollis <rhollis@jdsfaulkner.com>
Date: Fri, 4 Dec 2020 14:36:39 -0500
Subject: [PATCH] made the nav items change color on hover

---
 src/assets/pages/resources-landing-page.html |  6 ++---
 src/assets/pages/styles/theme-base.scss      | 23 +++++++++++++++++---
 src/assets/pages/styles/theme-dark.scss      |  6 ++++-
 src/assets/pages/styles/theme-light.scss     |  8 +++++--
 4 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/src/assets/pages/resources-landing-page.html b/src/assets/pages/resources-landing-page.html
index 8c05db1..09455f0 100644
--- a/src/assets/pages/resources-landing-page.html
+++ b/src/assets/pages/resources-landing-page.html
@@ -19,14 +19,14 @@
 
 
 <div class="fixed-top d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-0 bg-primary border-top shadow-sm">
-    <a class="navbar-brand text-navbartext my-0 mr-md-auto">
+    <a class="navbar-brand my-0 mr-md-auto">
         <img src="../images/Asset4.png" height="30" class="d-inline-block align-top"
              alt="JDSfaulkner logo">
         &nbsp;Resource Center
     </a>
     <nav class="my-2 my-md-0 mr-md-3">
         <div class="helpdropdown">
-        <a class="p-2 text-navbartext" href="#" role="button" id="helpdropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="-75,4">Help</a>
+        <a class="p-2 navigationitem" href="#" role="button" id="helpdropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="-75,4">Help</a>
             <div class="dropdown-menu" aria-labelledby="dropdownMenuOffset">
                 <a class="dropdown-item help-menu-item" onclick="help.openHelpOverlay('help-about.html');">About the Resource Center</a>
                 <a class="dropdown-item help-menu-item" onclick="help.openHelpOverlay('help-searches.html');">Searches</a>
@@ -38,7 +38,7 @@
     </nav>
     <nav class="my-2 my-md-0 mr-md-3">
         <div class="feedbackdropdown">
-        <a class="p-2 text-navbartext" href="#" role="button" id="feedbackdropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Feedback</a>
+        <a class="p-2 navigationitem" href="#" role="button" id="feedbackdropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Feedback</a>
                             
 
 
diff --git a/src/assets/pages/styles/theme-base.scss b/src/assets/pages/styles/theme-base.scss
index b02a717..f28fd45 100644
--- a/src/assets/pages/styles/theme-base.scss
+++ b/src/assets/pages/styles/theme-base.scss
@@ -139,10 +139,26 @@ body {
   outline: none;
 }
 
-.fixed-top {
+.navigationitem {
   outline: none;
+  color: map-get($theme-colors, navbartext);
 }
 
+.navigationitem:hover {
+  color: map-get($theme-colors, activetextaccordion);
+}
+
+.navbar-brand {
+  outline: none;
+  color: map-get($theme-colors, navbarbrandtext);
+}
+
+.navbar-brand:hover {
+  outline: none;
+  color: map-get($theme-colors, navbarbrandtext);
+}
+
+
 .helpdropdown .dropdown-menu {
   background-color: map-get($theme-colors, menudropdownfill);
   font-size: 15px;
@@ -184,11 +200,12 @@ body {
 }
 
 .help-menu-item {
-  color: map-get($theme-colors, navbartext) !important;
+  color: map-get($theme-colors, helpmenudropdowntext) !important;
 }
 
 .help-menu-item:hover {
-  color: map-get($theme-colors, activetextaccordion) !important;
+  color: map-get($theme-colors, helpmenudropdowntexthover) !important;
+  background-color: map-get($theme-colors, helpmenudropdownbghover) !important;
 }
 
 .footer-text {
diff --git a/src/assets/pages/styles/theme-dark.scss b/src/assets/pages/styles/theme-dark.scss
index c49f642..a521198 100644
--- a/src/assets/pages/styles/theme-dark.scss
+++ b/src/assets/pages/styles/theme-dark.scss
@@ -4,6 +4,7 @@ $theme-colors: (
         "success": #808080,
         "info": #2d2d31,
         "warning": #000000,
+        "navbarbrandtext": #9d9d9d,
         "navbartext": #808080,
         "navbartextfeather": #303033,
         "navbartextactive": #202022,
@@ -19,7 +20,7 @@ $theme-colors: (
         "searchbuttonfillfocus": #3e3e45, 
         "searchicon": #737373,
         "searchiconfocus": #878787,
-        "sidebartext": #787572,
+        "sidebartext": #7d7d7d,
         "sidebarbg": #29292d,
         "webcardimagebackground": #707070,
         "webcardimagebackgroundhover": #98928F,
@@ -46,6 +47,9 @@ $theme-colors: (
         "footerback": #787572,
         "footerbackfocus": #787572,
         "footerbackhover": rgba(157, 157, 157, .8),
+        "helpmenudropdowntext": #9d9d9d,
+        "helpmenudropdowntexthover": #a8a8a8,
+        "helpmenudropdownbghover": #5c5c66, 
 );
 
 .theme-button{
diff --git a/src/assets/pages/styles/theme-light.scss b/src/assets/pages/styles/theme-light.scss
index cf81cd1..5e373c8 100644
--- a/src/assets/pages/styles/theme-light.scss
+++ b/src/assets/pages/styles/theme-light.scss
@@ -4,7 +4,8 @@ $theme-colors: (
         "success": #0B031C,
         "info": #f9f9f9,
         "warning": #700000,
-        "navbartext": #3f4a5a,
+        "navbartext": #3f4959,
+        "navbarbrandtext": #3f4a5a,
         "navbartextfeather": #080404,
         "navbartextactive": #080404,
         "inactivecard": #ffffff,
@@ -18,7 +19,7 @@ $theme-colors: (
         "sidebartext": #3f4959,
         "sidebarbg": #e5e5e5,
         "searchbuttonfill": #f6f6f6,
-        "searchbuttonfillfocus": #f2f2f2,
+        "searchbuttonfillfocus": #f1f1f1,
         "searchicon": #3f4959,
         "searchiconfocus": #38414f,
         "webcardimagebackground": #eeeeee,
@@ -47,6 +48,9 @@ $theme-colors: (
         "footerback": #3f4959,
         "footerbackfocus": #3f4959,
         "footerbackhover": #080404,
+        "helpmenudropdowntext": #3f4a5a,
+        "helpmenudropdowntexthover": #080404,
+        "helpmenudropdownbghover": #f2f2f2,
 );
 
 .theme-button{