From be2b9dee2177a1d2999ae2cf1f39e7e995d1a6d5 Mon Sep 17 00:00:00 2001
From: "opensearch-trigger-bot[bot]"
 <98922864+opensearch-trigger-bot[bot]@users.noreply.github.com>
Date: Thu, 21 Dec 2023 17:57:24 -0500
Subject: [PATCH] Updates navigation header background color (#5880) (#5968)

* Updates navigation header background color; and a kludge to get around outdatd SCSS compilers



* Corrects site header logo link url



---------


(cherry picked from commit e845866e8eacd8d698b0084cfad183768e7b2b16)

Signed-off-by: Aaron Stephanus <taoist.futility@pm.me>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 _includes/header.html         | 2 +-
 _sass/_navigation-header.scss | 2 ++
 _sass/custom/custom.scss      | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index 8b5f7033c8..00ae3600cc 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -82,7 +82,7 @@
 {% endif %}
 <div role="banner" id="top">
   <div class="navigation-container">
-    <a class="navigation-container--logo" href="{{ '/' | relative_url }}">
+    <a class="navigation-container--logo" href="{{ '/' }}">
       OpenSearch
       <svg width="200" height="39" viewBox="0 0 200 39" fill="none" xmlns="http://www.w3.org/2000/svg">
         <g clip-path="url(#clip0_723_1352)">
diff --git a/_sass/_navigation-header.scss b/_sass/_navigation-header.scss
index a0b85f7e23..033054563d 100644
--- a/_sass/_navigation-header.scss
+++ b/_sass/_navigation-header.scss
@@ -51,6 +51,8 @@ $max-container: 1440px;
             text-decoration: none;
             text-indent: 100%;
             position: relative;
+            // NOTE: The min() function name is deliberatedly misspelled with an upercase M to workaround an outdated SCSS compiler
+            // dependency used by the Just the Docs theme 0.3.3.
             left: Min(80px, calc(100% - $header-banner-min-width));
             box-sizing: content-box;
             @media screen and (max-width: 1339px) {
diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
index 6c47b359e4..5b9303ac63 100755
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@@ -1013,7 +1013,7 @@ body {
   }
 }
 
-$light-theme-navigation-background: rgba(0, 163, 224, 0.05);
+$light-theme-navigation-background: #F1FBFF;
 $primary-deep-blue-sea-s3: #001E30;
 $primary-deep-blue-sea-t1: #2C5E7A;
 $primary-open-sky: #00A3E0;