override colors for navigation hamburger

_sass/dynare.scss

+
+$color1: red !default;
+$color2: red !default;
+$color3: red !default;
+$color4: red !default;
+$color5: red !default;
+
 // ***********************
 // OVERRIDE PARTS OF THEME
 // ***********************
@@ -35,6 +42,19 @@ html {
 ::-moz-selection {
     background: $link-color;
 }
+
+button.greedy-nav__toggle {
+    background-color: #fff;
+}
+
+.navicon {
+    background: $color3;
+}
+
+.navicon::before, .navicon::after {
+    background: $color3 !important;
+}
+
 // ************
 // END OVERRIDE
 // ************
@@ -43,11 +63,6 @@ html {
 // ABOUT PAGE CSS
 //***************
 
-$color1: red !default;
-$color2: red !default;
-$color3: red !default;
-$color4: red !default;
-$color5: red !default;
 
 // from minimal-mistakes-jekyll-4.13.0/_sass/minimal-mistakes/_variables.scss
 // the !default tag ensures we don't overwrite the value of the variable