Add color change back for menu icon based on mode selection

Author: sz3

web/index.html

@@ -141,18 +141,35 @@
   margin-top: 3px;
 }
 #nav-container .icon-bar:nth-of-type(1) {
-  background-color: #00ffff;
-  box-shadow: 0px 0px 5px #00ffff, 0px 0px 2px #00ffff;
+  background-color: #00ff00;
+  box-shadow: 0px 0px 5px #00ff00, 0px 0px 2px #00ff00;
 }
 #nav-container .icon-bar:nth-of-type(2) {
   background-color: #ffff00;
   box-shadow: 0px 0px 5px #ffff00, 0px 0px 2px #ffff00;
 }
 #nav-container .icon-bar:nth-of-type(3) {
+  background-color: #00ffff;
+  box-shadow: 0px 0px 5px #00ffff, 0px 0px 2px #00ffff;
+}
+#nav-container .icon-bar:nth-of-type(4) {
+  background-color: #ff00ff;
+  box-shadow: 0px 0px 5px #ff00ff, 0px 0px 2px #ff00ff;
+}
+
+#nav-container.mode-4c .icon-bar:nth-of-type(1) {
+  background-color: #00ffff;
+  box-shadow: 0px 0px 5px #00ffff, 0px 0px 2px #00ffff;
+}
+#nav-container.mode-4c .icon-bar:nth-of-type(2) {
+  background-color: #ffff00;
+  box-shadow: 0px 0px 5px #ffff00, 0px 0px 2px #ffff00;
+}
+#nav-container.mode-4c .icon-bar:nth-of-type(3) {
   background-color: #00ff00;
   box-shadow: 0px 0px 5px #00ff00, 0px 0px 2px #00ff00;
 }
-#nav-container .icon-bar:nth-of-type(4) {
+#nav-container.mode-4c .icon-bar:nth-of-type(4) {
   background-color: #ff00ff;
   box-shadow: 0px 0px 5px #ff00ff, 0px 0px 2px #ff00ff;
 }