Updates navigation header background color (#5880)

* Updates navigation header background color; and a kludge to get around outdatd SCSS compilers Signed-off-by: Aaron Stephanus <[email protected]> * Corrects site header logo link url Signed-off-by: Aaron Stephanus <[email protected]> --------- Signed-off-by: Aaron Stephanus <[email protected]> (cherry picked from commit e845866) Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
opensearch-project · Dec 21, 2023 · 890529e · 890529e
1 parent 2e3b033
commit 890529e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -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
@@ -1006,7 +1006,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;