I’ve installed mini-climate-card via HACS and am trying to customize it. I don’t understand the documentation, though.
Note the yellow icons in the following image. Yellow seems to be default, no matter which mode it’s on, except for off when they are white. I’m trying to color them (blue for cool, red for heat) but cannot figure out how to make it happen. (I chose the abacus icon for “cool” mode to make sure I can change icons. I just can’t figure out how to change the color of the icon.
The code from the Github page shows the following:
type: custom:mini-climate
entity: climate.my_ac
hvac_mode:
style: "(value, entity) => ({ color: 'black' })"
source:
'off':
icon: mdi:power
name: 'off'
heat:
icon: mdi:fire
name: heat
auto:
icon: mdi:cached
name: auto
cool:
icon: mdi:snowflake
name: cool
How does the “style” line work? Am I supposed to replace “value” and “entity” with someone else? Duplicate it for every HVAC mode?
The Github page also shows an example like this:
type: custom:mini-climate
entity: climate.my_ac
indicators:
humidity:
icon:
template: () => 'mdi:water'
style: >
(value) => (value > 30 ? { color: 'red'} : {})
unit: '%'
round: 1
source:
entity: sensor.humidity
This seems to break the card completely when I try it, and I’m still not sure how the “style” line works.