update main.scss

src/main.scss

@@ -60,6 +60,10 @@
 
 // Mobile Styles
 
+.navbar {
+  background-color: #f4f4f4;
+}
+
 .navbar-background{
   -webkit-transition: opacity ease 300ms;
   transition: opacity ease 300ms;
@@ -95,6 +99,7 @@
 
   .navbar-item{
     padding: 0.5em 2em 0.5em 1.5em;
+    color: #333;
   }
 
   .logo{
@@ -102,6 +107,10 @@
   }
 }
 
+a.navbar-item, .navbar-link {
+  color: #333;
+}
+
 .navbar-burger.burger{
   position: fixed;
   top: 0;
@@ -120,6 +129,57 @@
   opacity: 1;
 }
 
+a {
+  color: #528321;
+}
+
+a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active {
+  color: #333;
+}
+
 .toc {
   padding-bottom: 10px;
 }
+
+.menu-label {
+  color: #528321;
+}
+
+.menu-list a.is-active {
+  background-color: #528321 !important;
+}
+
+code {
+  background-color: #ecf0f1;
+  color: black;
+  font-size: 0.85em;
+  font-weight: normal;
+  padding: .2em .4em;
+  border-radius: 6px;
+}
+
+.button.is-success {
+  background-color: #528321;
+  border-color: transparent;
+  color: #fff;
+}
+
+.hero.is-primary {
+  background-color: #f4f4f4;
+}
+
+.hero.is-primary .title {
+  color: #333;
+}
+
+.hero.is-primary .subtitle {
+  color: #333;
+}
+
+.hero.is-link {
+  color: #333;
+}
+
+.feature-shoutout a {
+  color: black !important;
+}