Update main.scss

css/main.scss

@@ -64,11 +64,14 @@
     --block-bg-color: #d7d7d7;
     --block-bg-color-secondary: #c0c0c0;
     --block-bg-color-heading: #a5a5a5;
-	--table-color: #000000;
+    --table-color: #000000;
-	--head-nav-bg-color: transparent;
+    --nav-bg-color: #353637;
-	--head-nav-text-color: #d56f2a;
+    --nav-bg-hover-color: #d56f2a;
-	--menu-color: #202225;
+    --nav-text-color: #d9dcde;
-	--license-color: #666666;
+    --head-nav-bg-color: transparent;
+    --head-nav-text-color: #d56f2a;
+    --menu-color: #d56f2a;
+    --license-color: #666666;
 }
 
 body {
@@ -107,12 +110,40 @@ p.by-line-post {
 	color: var(--table-color);
 }
 
+#nav-menu {
+	background-color: var(--head-nav-bg-color);
+}
+
 #menu,
 #menu::after,
 #menu::before {
 	background-color: var(--menu-color);
 }
 
+#nav {
+	background-color: var(--nav-bg-color);
+}
+
+#nav a, #nav-left a {
+	color: var(--nav-text-color);
+
+}
+
+#nav a:hover, #nav-left a:hover {
+	background-color: var(--nav-bg-hover-color);
+	color: var(--nav-bg-color);
+}
+
+#nav-list::after {
+	background-color: var(--nav-bg-hover-color);
+}
+
+#menu.btn-close::before,
+#menu.btn-close::after {
+	background-color: var(--nav-bg-hover-color);
+
+}
+
 #header .action-container {
   &--left {
     left: 25px;