From f6649e1c3861012d388ec4d7bf46a54e84fb9962 Mon Sep 17 00:00:00 2001
From: Alexandre Vryghem <alexandre@atmire.com>
Date: Wed, 16 Aug 2023 15:15:51 +0200
Subject: [PATCH] Added support for changing the color of the navbar

---
 .../expandable-navbar-section.component.scss                  | 1 +
 src/app/navbar/navbar.component.scss                          | 1 +
 src/styles/_custom_variables.scss                             | 1 +
 src/themes/dspace/app/navbar/navbar.component.scss            | 4 ++++
 4 files changed, 7 insertions(+)

diff --git a/src/app/navbar/expandable-navbar-section/expandable-navbar-section.component.scss b/src/app/navbar/expandable-navbar-section/expandable-navbar-section.component.scss
index 65de77b6007..1bc80d32c57 100644
--- a/src/app/navbar/expandable-navbar-section/expandable-navbar-section.component.scss
+++ b/src/app/navbar/expandable-navbar-section/expandable-navbar-section.component.scss
@@ -6,6 +6,7 @@
 }
 
 .dropdown-menu {
+    background-color: var(--ds-navbar-bg);
     overflow: hidden;
     min-width: 100%;
     border-top-left-radius: 0;
diff --git a/src/app/navbar/navbar.component.scss b/src/app/navbar/navbar.component.scss
index 441ee82c968..9dc530607cf 100644
--- a/src/app/navbar/navbar.component.scss
+++ b/src/app/navbar/navbar.component.scss
@@ -1,4 +1,5 @@
 nav.navbar {
+    background-color: var(--ds-navbar-bg);
     border-bottom: 1px var(--ds-header-navbar-border-bottom-color) solid;
     align-items: baseline;
 }
diff --git a/src/styles/_custom_variables.scss b/src/styles/_custom_variables.scss
index ddf490c7a7a..4abe91c368c 100644
--- a/src/styles/_custom_variables.scss
+++ b/src/styles/_custom_variables.scss
@@ -24,6 +24,7 @@
   --ds-header-logo-height-xs: 50px;
   --ds-header-icon-color: #{$link-color};
   --ds-header-icon-color-hover: #{$link-hover-color};
+  --ds-navbar-bg: var(--ds-header-bg);
   --ds-header-navbar-border-top-color: #{$white};
   --ds-header-navbar-border-bottom-color: #{$gray-400};
   --ds-navbar-link-color: #{$cyan};
diff --git a/src/themes/dspace/app/navbar/navbar.component.scss b/src/themes/dspace/app/navbar/navbar.component.scss
index d3aea9f0780..06cda777d03 100644
--- a/src/themes/dspace/app/navbar/navbar.component.scss
+++ b/src/themes/dspace/app/navbar/navbar.component.scss
@@ -4,6 +4,10 @@ nav.navbar {
   align-items: baseline;
 }
 
+.navbar-nav {
+  background-color: var(--ds-navbar-bg);
+}
+
 /** Mobile menu styling **/
 @media screen and (max-width: map-get($grid-breakpoints, md)-0.02) {
   .navbar {