Color Swap Navbar

BETA/mybulma/css/mystyles.css

@@ -2091,7 +2091,7 @@ table th {
     font-size: 1.5rem; }
 
 .navbar {
-  background-color: #a45e8d;
+  background-color: #00fdbe;
   min-height: 3.25rem;
   position: relative;
   z-index: 30; }
@@ -2589,7 +2589,7 @@ body.has-navbar-fixed-bottom {
   overflow-y: hidden; }
 
 .navbar-burger {
-  color: #eaeaea;
+  color: #a45e8d;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
@@ -2632,7 +2632,7 @@ body.has-navbar-fixed-bottom {
 
 .navbar-item,
 .navbar-link {
-  color: #eaeaea;
+  color: #a45e8d;
   display: block;
   line-height: 1.5;
   padding: 0.5rem 0.75rem;
@@ -2714,7 +2714,7 @@ a.navbar-item,
   .navbar-link::after {
     display: none; }
   .navbar-menu {
-    background-color: #a45e8d;
+    background-color: #00fdbe;
     box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
     padding: 0.5rem 0; }
     .navbar-menu.is-active {

BETA/mybulma/sass/mystyles.scss

@@ -31,8 +31,8 @@ $title-color: $lime;
 $input-color: $link;
 $primary: $lime;
 $text-strong: $grey-light;
-$navbar-background-color: $grey-dark;
-$navbar-item-color: $grey-light;
+$navbar-background-color: $lime;
+$navbar-item-color: $grey-dark;
 
 
 // Import only what you need from Bulma