From 79db5fbee3b4ee25b283a5fdebde3518158994f6 Mon Sep 17 00:00:00 2001
From: sz <sz@recv.cc>
Date: Sat, 17 Feb 2024 23:30:15 -0600
Subject: [PATCH] Add color change back for menu icon based on mode selection

---
 web/index.html | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/web/index.html b/web/index.html
index fbb3a57..10afca3 100644
--- a/web/index.html
+++ b/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;
 }