Update bootstrap default for dropdown on hover

Author: EllaKaye

brand-dark.yml

@@ -15,7 +15,7 @@ color:
     orange: "#C07924"
     dark: "#030911"
     light-blue: "#96B8E1"
-    dark-blue: "#08182A"
+    dark-blue: "#103054"
   primary: blue
   background: dark
   foreground: white
@@ -42,13 +42,13 @@ typography:
 
 defaults:
   bootstrap:
+    defaults:
+      dropdown-link-hover-bg: $brand-blue
     rules: |
-      .navbar-nav .dropdown-menu .dropdown-item:hover,
-      .dropdown-item.quarto-navbar-tools-item:hover 
-      {
-          background-color: $brand-dark-blue;
-      }
-
       .navbar-logo {
         max-height: 50px;
-      } 
+      } 
+
+      .description {
+        display: none;
+      }

brand-light.yml

@@ -13,6 +13,7 @@ color:
     pink: "#C024B9"
     green: "#24C02B"
     orange: "#C07924"
+    light-blue: "#96B8E1"
   primary: blue
 
 
@@ -37,7 +38,13 @@ typography:
 
 defaults:
   bootstrap:
+    defaults:
+      dropdown-link-hover-bg: $brand-light-blue
     rules: |
       .navbar-logo {
         max-height: 50px;
-      } 
+      } 
+
+      .description {
+        display: none;
+      }