Any way to alter the icon colour based on a state?

[richsimpson]

So I am using in a climate style, and Woudl be great to have the icon change colour based on the state of something.

This is what I have:

A different template card I wrote uses this code to do it :

Great work though, really handy card to use on my dashboard.

[ildar170975]

Can be achieved by card-mod.

[richsimpson]

Can be achieved by card-mod.

Thanks, got it working:

this was my code - just incase it helps anyone in future - entities all unique to me obviously: type: entities entities:

• type: custom:numberbox-card entity: input_number.office_required_temperature name: Office icon: mdi:thermostat card_mod: style: | :host { --paper-item-icon-color: {% if states('climate.radiator_office') == 'off' %} skyblue; {% elif states('climate.radiator_office') == 'heat' %} orange; {% endif %} } service: input_number.set_value min: 10 max: 25 step: 0.5 secondary_info: > Actual Temp: %sensor.office_current_temp:state
  Target Temp: %input_number.office_required_temperature:state
  Heating State: %climate.radiator_office:state