Default Clock SunTimes icon - color change?

[brgracer]

For the default clock module, I am able to change the color and format of date and time. I was also able to change the color of the sunrise/sunset times, but I cannot figure out how to change the color of the sun icon (see screenshot) and the daylight left time next to it. Any assistance is greatly appreciated.

[sdetweil]

@brgracer
icon color only

.clock .fa-sun  {
        color: red;
}

for both icon and text the same color

.clock div.sun span.bright  {
        color: blue;
}

for each different, order here is important

.clock div.sun span.bright  {
        color: red;
}
.clock .fa-sun  {
        color: blue;
}

this works for me…

set clock to displaySeconds:false,
for debugging, so it doesn’t update the UI every second

then use the developers window, elements tab…
for a short starter , see the second link in my signature below…

once working, remove the displaySeconds:false

[brgracer]

@sdetweil That worked and thank you.

Separately, your older posts have been super helpful in tracking down other issues, so thank you for all those prior answers as well. Several of your older posts/answers have helped me so much in tracking down issues that were driving me nuts. You are a treasure to the community!

[sdetweil]

@brgracer you are welcome… I am the moderator here, and I feel my job is to help, and teach you how to solve problems on your own as much as I can.

and as I see recurring problems, try to document them, and find solutions,
my install/upgrade scripts,
my backup/restore scripts,
my MMM-Config module that does form based MM and module config, and module install (MMM-Config allows you to disable a module, effectively same as uninstall)