From faa3015629a669524cce2e7d46139ff475c10eb2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Fournier?= <clement.fournier76@gmail.com>
Date: Mon, 28 Sep 2020 18:10:48 +0200
Subject: [PATCH] Fix navbar being blue

---
 docs/_includes/topnav.html |  2 +-
 docs/css/theme-green.css   | 17 ++++-------------
 2 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/docs/_includes/topnav.html b/docs/_includes/topnav.html
index 1810cd439a..daf50ba7c4 100644
--- a/docs/_includes/topnav.html
+++ b/docs/_includes/topnav.html
@@ -1,5 +1,5 @@
 <!-- Navigation -->
-<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
+<nav class="navbar navbar-expand-lg fixed-top navbar-dark">
     <div class="container topnavlinks">
         <a class="navbar-brand fas fa-home fa-lg" href="index.html">&nbsp;<span class="projectTitle"> {{site.topnav_title}}</span></a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/docs/css/theme-green.css b/docs/css/theme-green.css
index 4ce26998e8..fbc757b84e 100644
--- a/docs/css/theme-green.css
+++ b/docs/css/theme-green.css
@@ -37,24 +37,15 @@ a[data-toggle="tooltip"] {
     cursor: default;
 }
 
-.navbar-inverse {
+.navbar {
     background-color: #01c172;
     border-color: #5b893c;
 }
 
-.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
-    color: #5b893c;
+.navbar .nav-item > .nav-link {
+    color: white !important; /* bootstrap adds 0.5 transparency which we must override */
 }
 
-.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
-    background-color: #5b893c;
-    color: #ffffff;
-}
-
-/* not sure if using this ...*/
-.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
-    border-color: #01c172 !important;
-}
 
 .btn-primary {
     color: #ffffff;
@@ -96,4 +87,4 @@ li.sidebarTitle {
     margin-bottom:10px;
     margin-left: 5px;
 
-}
\ No newline at end of file
+}