add support for digital clock time color

sdetweil · sdetweil · commit b3fa338ab889 · 2025-03-06T16:03:16.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -16,6 +16,7 @@ planned for 2025-04-01
 ### Added
 
 - Added Arabic translation.
+- add support for css on digital clock hour/minute thru css using clock_hour and clock_minute classes
 
 ### Changed
 
diff --git a/modules/default/clock/clock.js b/modules/default/clock/clock.js
@@ -146,6 +146,8 @@ Module.register("clock", {
 		}
 
 		if (this.config.displayType !== "analog" && this.config.showTime) {
+			let ts = timeString.split(":");
+			timeString = `<span class="clock_hour">${ts[0]}</span>:<span class="clock_minute">${ts[1]}</span>`;
 			timeWrapper.innerHTML = timeString;
 			secondsWrapper.innerHTML = now.format("ss");
 			if (this.config.showPeriodUpper) {

Original file line number	Diff line number	Diff line change
`@@ -146,6 +146,8 @@ Module.register("clock", {`
`146`	`146`	`}`
`147`	`147`
`148`	`148`	`if (this.config.displayType !== "analog" && this.config.showTime) {`
	`149`	`+ let ts = timeString.split(":");`
	`150`	+ timeString = `<span class="clock_hour">${ts[0]}</span>:<span class="clock_minute">${ts[1]}</span>`;
`149`	`151`	`timeWrapper.innerHTML = timeString;`
`150`	`152`	`secondsWrapper.innerHTML = now.format("ss");`
`151`	`153`	`if (this.config.showPeriodUpper) {`