# Color of digital clock

**URL:** <https://discourse.nodered.org/t/color-of-digital-clock/99260>\
**Category:** Dashboard\
**Created:** [3 October 2025 20:27 UTC](https://discourse.nodered.org/t/color-of-digital-clock/99260 "2025-10-03T20:27:55Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![nnekov](https://avatars.discourse-cdn.com/v4/letter/n/bb73d2/32.png) [@nnekov](https://discourse.nodered.org/u/nnekov)\
**Post date:** [3 October 2025 20:27 UTC](https://discourse.nodered.org/t/color-of-digital-clock/99260/1 "2025-10-03T20:27:55Z")

</div>

Hi there,  
Today I've installed digital clock on my dashboard.  
I would like to change it's color , but I have no success.It is black now.  
The information I've found was useless and didn't help me.  
Node red v.3.0.2, node-red-contrib-ui-digital-clock v.1.0.0  
Any advice?

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [3 October 2025 22:03 UTC](https://discourse.nodered.org/t/color-of-digital-clock/99260/2 "2025-10-03T22:03:03Z")

</div>

> [@nnekov](#):
>
> Any advice?

1. Upgrade Node-red. The current version is 4.1.
2. The original dashboard is now deprecated. Consider moving from node-red-dashboard to @flowfuse/node-red-dashboard or uibuilder.
3. Try a CSS template like this

```auto
<style>
.nr-dashboard-template.nr-dashboard-ui_digital_clock svg path {
    fill: red;
}
</style>

```

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/1/611a3afbd961c45e8c6398d224510490674065cd.png)

---

<div class="post-metadata">

**Author:** ![nnekov](https://avatars.discourse-cdn.com/v4/letter/n/bb73d2/32.png) [@nnekov](https://discourse.nodered.org/u/nnekov)\
**Post date:** [4 October 2025 18:58 UTC](https://discourse.nodered.org/t/color-of-digital-clock/99260/3 "2025-10-04T18:58:11Z")

</div>

Thank You jbudd!  
I'm using Node red almost for year and I have to learn a lot of things.  
I don't how to upgrade to new version , neither @flowfuse/node-red-dashbor or uibuilder.  
But You gave me the direction! Thank's!  
I will read, I will try and if than I have some questions, will come back here.

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [4 October 2025 19:15 UTC](https://discourse.nodered.org/t/color-of-digital-clock/99260/4 "2025-10-04T19:15:52Z")

</div>

> [@nnekov](#):
>
> I don't how to upgrade to new version

It depends on what platform you have Node-red installed on.  
If it's a Debian based Linux machine such as a Raspberry Pi then it's usually as simple as rerunning the Raspberry Pi installation script.

> [@nnekov](#):
>
> @flowfuse/node-red-dashbor or uibuilder

Unfortunately either of these will involve a considerable effort to adapt your existing dashboard.

---

<div class="post-metadata">

**Author:** ![nnekov](https://avatars.discourse-cdn.com/v4/letter/n/bb73d2/32.png) [@nnekov](https://discourse.nodered.org/u/nnekov)\
**Post date:** [6 October 2025 18:41 UTC](https://discourse.nodered.org/t/color-of-digital-clock/99260/5 "2025-10-06T18:41:34Z")

</div>

Thank You!  
The machine is Raspberry Pi.  
I've done full upgrade - incl. Nodejs, npm, Node-red.  
I've used template node with Your code and now it is working - the clock is red.  
Next step is to move to @flowfuse/node-red-dashboard or uibuilder.  
Thank's again for the help!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [5 November 2025 18:42 UTC](https://discourse.nodered.org/t/color-of-digital-clock/99260/6 "2025-11-05T18:42:02Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.