Floorplan temperature as colors?

Configuration Frontend
1

Hi everyone,

I’m using floorplan to show the temperature of the different rooms in my flat, see screenshot (it’s degrees celsius, so don’t panic :grin: ):

image
image988×487 76.5 KB

I was thinking about showing the temperatures as colors, from blue to red so one can easily spot which rooms are the hottest.

Any idea how to implement that in the CSS-file? At the moment I have colors only for lights on/off like that:

.binary-sensor-on {
  fill: #F9D27C !important;
}

.binary-sensor-off {
  fill: #7CB1F9 !important;
  transition: fill 5s ease;
}

…but how to do that for numeric ranges?

Any idea?

2

I’m keen to do this too - did you figure out a way?

3

Hi there,

Have a look at this example. The colour of the text changes from red to green, based on the battery level.

Does that help?

Cheers,
Petar

1 Like
4

That looks indeed like it could work. Will try this weekend and report back! Thanks!