How to change color or spacing of digits in node-red-contrib-ui-digital-clock?

Dashboard
1

Hi everyone

I’m using the node-red-contrib-ui-digital-clock node on my Dashboard, and I’d like to know if there’s any way to customize the appearance — for example:

  • Change the color of the digits
  • Add or adjust spacing between the “:” separators (e.g. between hours, minutes, seconds)

I checked the node’s options but didn’t find any direct way to modify these visual aspects.

If that’s not possible with this node, maybe someone here knows another Dashboard widget or shared flow that displays a digital-style clock (7-segment digits) where color and spacing can be customized?

Any suggestions or links would be really appreciated.

2

Search the forum for 'digital-clock color'.

3

Thanks! The color change works great.
Just wondering — is there any way to adjust the spacing between the digits or the “:” in ui_digital_clock?
I tried letter-spacing, but it doesn’t seem to affect the SVG.