Fixed navbar color issues

Author: Nalin-Angrish

styles/Navbar.css

@@ -48,7 +48,7 @@ nav .buttonbar {
     transition: all .2s;
 }
 
-.buttonbar a:hover {
+.buttonbar a.item:hover {
     background-color: #ddd;
     color: #000;
 }
@@ -91,6 +91,9 @@ nav .buttonbar {
         height: 70px;
         display: flex;
     }
+    .buttonbar.active:last-child {
+        box-shadow: 0 5px 10px 0 #ccc;
+    }
 }
 
 @media screen and (prefers-color-scheme: dark) {
@@ -105,11 +108,14 @@ nav .buttonbar {
         color: #fff;
         background-color: #333;
     }
-    .buttonbar a:hover {
+    .buttonbar a.item:hover {
         background-color: #555;
         color: #fff;
     }
     .buttonbar a.item {
         background-color: #333;
     }
+    .buttonbar.active:last-child {
+        box-shadow: 0 5px 10px 0 #222;
+    }
 }