You can do it like this. Now, my thermostat app does not have a “heating” parameter but I assume if the real temperature is lower than the set temperature, it must be heating:
If it is heating it sends a color value to the topic name “TherrmosatColor” (This can be any name you invent yourself, but make sure you do not duplicate it for another function)
This color value is just a basic CSS hex value (#RED GREEN BLUE). You can look up these values up here:
When you run the flow, you can see the data pop-up in the Dashboard Studios data stream explorer:
Copy the topic name (the tag button)
And link the icon color to it by clicking the chain icon above it and filling in the topic:
You can also just fill in the “ThermostatColor” without the “homey/event/” before it. If you know the name you do not have to look at the data stream explorer at all, but it is nice to check if there is data coming in.
These are the basic color formats it accepts (see help file => “Data Types and Formats”)
If I look at your design, I think it it would benefit a bit of padding (Moves the items a bit from the edges of the container):
Global Defaults => Def Padding: 10
And I would reduce the gap between the label / value and the gauge:
Click gauge widget => Appearance (left in the editor) => Gap (reduce, to bring it closer)
Try to adjust the design in the global defaults first this way every other widget gets updated also. But you can overrule every design choice also individually in every widget.
