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