, 50%, ${lightness}%)`);
		}

		lightnessValue.text(lightness + "%");
	})

	backgroundStyleToggle.addEventListener("click", function() {
		clock.color.gradient = !clock.color.gradient;
		clock.color.displayColor();
		this.textContent = clock.color.gradient ? 'Switch to solid color' : 'Switch to gradient';
	})

	timeEncodingToggle.addEventListener("click", function() {
		let encodings = clock.color.encodingModes;
		let currentEncoding = clock.color.timeEncoding;
		let currentIndex = encodings.