From 9851ad7164bd5c0eea0f52a4cd59cbb1b14631b5 Mon Sep 17 00:00:00 2001
From: xeniape <xenia.fischer@stackable.tech>
Date: Mon, 9 Sep 2024 14:28:33 +0200
Subject: [PATCH] adjust docs navigation bar to reflect main site ui

---
 src/css/header.css | 14 ++++++++++++--
 src/css/vars.css   |  1 +
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/css/header.css b/src/css/header.css
index 4a050ae..596f561 100644
--- a/src/css/header.css
+++ b/src/css/header.css
@@ -77,6 +77,10 @@ body {
   flex: none;
 }
 
+.navbar-link:hover {
+  color: var(--navbar-menu-font-color-hover);
+}
+
 .navbar-item.has-dropdown {
   padding: 0;
 }
@@ -125,7 +129,7 @@ body {
   width: 190px;
 }
 
-.navbar-link::after {
+.version-button .navbar-link::after {
   border-width: 0 0 1px 1px;
   border-style: solid;
   content: "";
@@ -168,6 +172,7 @@ body {
 
 .navbar-dropdown a.navbar-item:hover {
   background: var(--navbar-menu_hover-background);
+  color: var(--navbar-menu-font-color-hover);
 }
 
 #search-button {
@@ -238,6 +243,10 @@ body {
   padding: 0.5rem 0;
 }
 
+.mobile-popup-menu a {
+  text-decoration: none;
+}
+
 /** disable the caret */
 .mobile-popup-menu .navbar-link::after {
   display: none;
@@ -262,12 +271,13 @@ body {
 
 .mobile-popup-menu .navbar-item,
 .mobile-popup-menu .navbar-link {
-  color: black;
+  color: var(--navbar-menu-font-color);
 }
 
 .mobile-popup-menu a.navbar-item:hover,
 .mobile-popup-menu .navbar-link:hover {
   background: var(--navbar-menu_hover-background);
+  color: var(--navbar-menu-font-color-hover);
 }
 
 .mobile-popup-menu:not(.is-active) {
diff --git a/src/css/vars.css b/src/css/vars.css
index b8e4de8..5a7c2fe 100644
--- a/src/css/vars.css
+++ b/src/css/vars.css
@@ -39,6 +39,7 @@
   --navbar-menu-border-color: var(--panel-border-color);
   --navbar-menu-background: var(--color-white);
   --navbar-menu-font-color: var(--color-text);
+  --navbar-menu-font-color-hover: var(--color-brand-primary);
   --navbar-menu_hover-background: var(--color-background2);
   /* nav */
   --nav-background: var(--color-white);