From 9090720035b2dc0a52e8d257555e1391fed0a62f Mon Sep 17 00:00:00 2001
From: Edgar W <techniccontroller@gmail.com>
Date: Sun, 19 Jan 2025 12:53:56 +0100
Subject: [PATCH] Toggle visibility of color container based on color shift
 checkbox state

---
 data/index.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/data/index.html b/data/index.html
index 9fda0be..7b00f21 100644
--- a/data/index.html
+++ b/data/index.html
@@ -501,8 +501,10 @@ <h1 id="headline">WORDCLOCK 2.0</h1>
 					}
 					ckb_colorshift.addEventListener('change', () => {
 						if(ckb_colorshift.checked) {
+							document.getElementById("colorcontainer").classList.add("hidden");
 							sendCommand("./cmd?colorshift=1");
 						} else {
+							document.getElementById("colorcontainer").classList.remove("hidden");
 							sendCommand("./cmd?colorshift=0");
 						}
 					});
@@ -539,7 +541,10 @@ <h1 id="headline">WORDCLOCK 2.0</h1>
 				if(myVar != null && myVar.stateAutoChange == "0"){
 					switch(modeid){
 						case 0: // clock
-							document.getElementById("colorcontainer").classList.remove("hidden");
+							var ckb_colorshift = document.querySelector('input[id="ColorShift"]');
+							if(!ckb_colorshift.checked) {
+								document.getElementById("colorcontainer").classList.remove("hidden");
+							}
 							document.getElementById("colorshiftcontainer").classList.remove("hidden");
 							break;
 						case 1: // diclock