Dashboard CSS - How to Set Analog Clock Hands to White

🛎️ Get Help
1

clock
Using the default analog clock for a Hubitat dashboard. Looked at the CSS using FireFox Web Developer Tools. Can change the background, number size, outside circle color, etc.

Any suggestions on changing the hour and minute hands to a different color.

Or are there alternative clocks that can be added in place of present two default clocks (analog and digital) in case a solution is not available for this clock scenario.

Thank you,

Jim

2

@gerand , try this, change the tile number to match yours

#tile-2 > div.tile-contents > div > div.clock-second {
background-color: red;
}

#tile-2 > div.tile-contents > div > div.clock-hour {
background-color: blue;
}


#tile-2 > div.tile-contents > div > div.clock-minute {
background-color: green;
}

image

5 Likes
3

Works perfectly.

Thank you so much for taking the time to solve the issue. It is MOST appreciated!

Jim

Time-Temp

1 Like
4

Glad I could help.

1 Like