Temperature between values

[dvoijen]

Goal

Goal is when the temperature is below 15 degrees i would like the sub-icon turn blue when it is above 22 degrees it needs to turn red.
I tries myself in the styling settings but did not succeed.
May be someone could help?

Source Yaml

.bubble-sub-button-1 > ha-icon {
    color:
      ${hass.states['sensor.thuis_outdoor_temperature'].state < '15' ? 'blue' : ''} !important;
      ${hass.states['sensor.thuis_outdoor_temperature'].state > '22' ? 'red' : ''} !important;
  }

Which step did you already try?

See the source Yaml

Problem

No response

Read the documentation

• I have read the documentation

[Menelao147]

You can add conditions like this:

.bubble-sub-button-1 > ha-icon {
    color: ${
        hass.states['sensor.thuis_outdoor_temperature'].state < '15' ? 'blue' :
        hass.states['sensor.thuis_outdoor_temperature'].state < '22' ? 'red' :
        ''} !important;
  }

---

_{If this solves your problem, mark this as solved and close the discussion.}

[dvoijen]

Menelau147 you got me on the right track, this solved it:

 .bubble-sub-button-1 > ha-icon {
     color: ${
         hass.states['sensor.thuis_outdoor_temperature'].state <15 ? 'blue' :
         hass.states['sensor.thuis_outdoor_temperature'].state >22 ? 'red' :
         ''} !important;
   }

Almost the same just the temp without the '