fix: left menu - cearch menu colors + contact submenu

src/scripts/menu-search-control.js

@@ -20,9 +20,9 @@ document.addEventListener("DOMContentLoaded", () => {
   const searchForm = document.querySelector('.menu-search');
   searchForm.addEventListener('formChange', () => {
     if(document.querySelector('.menu-search input').value != "") {
-      searchForm.style.backgroundColor = "red"; //- Put overriden color here
+      searchForm.style.backgroundColor = "#202B3C"; //- Put overriden color here
     } else {
-      searchForm.style.backgroundColor = "blue"; //- Put default color here
+      searchForm.style.backgroundColor = "var(--color-heading)"; //- Put default color here
     }
   })
 });

src/styles/header/_index.scss

@@ -47,10 +47,6 @@ header {
         height: auto;
         width: auto;
 
-        &::before {
-          // margin-left: -9px;
-        }
-
         &:hover, &:focus {
           background: white;
         }

src/styles/left-nav/_index.scss

@@ -19,6 +19,7 @@ nav#main__menu {
   }
 
   .menu-search {
+    padding: 0;
 
     form::before,
     solid-form-placeholder-text::before {
@@ -49,10 +50,6 @@ nav#main__menu {
         color: #D0D4DA;
       }
 
-      &:-moz-placeholder { /* Firefox 18- */
-        color: #D0D4DA;
-      }
-
       &:focus {
         /*background: #202B3C;*/
         color: white;
@@ -195,21 +192,28 @@ nav#main__menu {
     &:hover {
       display: flex;
 
+      & *:not(button) {
+        background: #202B3C;
+      } 
+
       hubl-menu-fix-url-contact {
         width: 100%;
-        background: #202B3C;
       }
 
       hubl-menu-contact-removed {
         display: block;
-        background: #202B3C;
         padding-top: 5px;
         margin-left: auto;
         padding-right: 10px;
+        padding-left: 10px;
 
-        .button-remove button::before {
-          font-size: 18px;
-          color: white;
+        .button-remove {
+          padding: 0;
+
+          button::before {
+            font-size: 18px;
+            color: white;
+          }
         }
       }
     }
@@ -218,6 +222,7 @@ nav#main__menu {
 
   /* Modal to keep/remove a contact */
   hubl-menu-contact-removed dialog {
+    background: white !important;
     border: none;
     padding: 60px 30px;
     text-align: center;
@@ -231,6 +236,10 @@ nav#main__menu {
       font-size: 16px;
     }
 
+    div, p {
+      background: white !important;
+    }
+
     &::before,
     p::before,
     div::before,

src/views/partials/menu-left.pug

@@ -125,7 +125,7 @@ solid-router#navbar-router(default-route='dashboard')
             )
         div.divider
       if component.type == "profileDirectory"
-        solid-route.menu-tab.segment.full.padding-xsmall.text-semibold.text-color-white.bg-color-heading.hover(name=component.route)
+        solid-route.menu-tab.segment.full.padding-xsmall.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name=component.route)
           div.segment.margin-right-xxsmall
             div.icon.icon-small.icon-people
           div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory")