From bf16047bae8ad96fb92b4041b9e488a5a4ad8511 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 11 Sep 2025 12:16:05 +0000
Subject: [PATCH 1/3] Initial plan


From 97af88abdf783f31bb3f7b87904c71afeb0b8111 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 11 Sep 2025 12:20:12 +0000
Subject: [PATCH 2/3] Fix mobile hamburger menu green background issue

Co-authored-by: litlfred <662242+litlfred@users.noreply.github.com>
---
 content/assets/css/who.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/content/assets/css/who.css b/content/assets/css/who.css
index c4256d7..d866a85 100644
--- a/content/assets/css/who.css
+++ b/content/assets/css/who.css
@@ -458,7 +458,17 @@ body {
 .nav-collapse,
 .collapse,
 .navbar-inverse-collapse {
-  background-color: #cec
+  background-color: var(--navbar-bg-color);
+  color: white;
+}
+
+.navbar-inverse-collapse a {
+  color: white !important;
+}
+
+.navbar-inverse-collapse a:hover,
+.navbar-inverse-collapse a:focus {
+  color: #ccc !important;
 }
 
 

From cfede8d36acc40bbfd63e0aac0a52e966b6a5728 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 11 Sep 2025 12:26:12 +0000
Subject: [PATCH 3/3] Replace hard-coded colors with CSS variables in navbar
 styles

Co-authored-by: litlfred <662242+litlfred@users.noreply.github.com>
---
 content/assets/css/who.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/content/assets/css/who.css b/content/assets/css/who.css
index d866a85..c5ff6ef 100644
--- a/content/assets/css/who.css
+++ b/content/assets/css/who.css
@@ -6,6 +6,10 @@
   /* 1. IG Title and status text color */
   --navbar-bg-color: #00477d;
   /* 2. Header container color */
+  --navbar-text-color: #ffffff;
+  /* 2a. Navbar text color */
+  --navbar-text-hover-color: #cccccc;
+  /* 2b. Navbar text hover color */
   --footer-bg-color: #505050;
   /* 3. Footer background color*/
   --footer-container-bg-color: #00477d;
@@ -459,16 +463,16 @@ body {
 .collapse,
 .navbar-inverse-collapse {
   background-color: var(--navbar-bg-color);
-  color: white;
+  color: var(--navbar-text-color);
 }
 
 .navbar-inverse-collapse a {
-  color: white !important;
+  color: var(--navbar-text-color) !important;
 }
 
 .navbar-inverse-collapse a:hover,
 .navbar-inverse-collapse a:focus {
-  color: #ccc !important;
+  color: var(--navbar-text-hover-color) !important;
 }