Skip to content

Climate Entity Styling

Climate entities receive special treatment with automatic icon and color changes based on their state and action.

Climate Icon Determination

Icons are determined by HVAC action (what the system is currently doing) rather than just the mode:

  1. Primary: Uses hvac_action attribute when available:
  2. heatingmdi:fire
  3. coolingmdi:snowflake
  4. dryingmdi:water-percent
  5. fanmdi:fan
  6. idlemdi:power
  7. offmdi:power
  8. preheatingmdi:fire
  9. defrostingmdi:fire

  10. Fallback: Uses state value (hvac_mode) when hvac_action is not available:

  11. automdi:thermostat-auto
  12. coolmdi:snowflake
  13. heatmdi:fire
  14. drymdi:water-percent
  15. heat_coolmdi:sun-snowflake-variant
  16. fan_onlymdi:fan
  17. offmdi:power

This provides more accurate visual feedback - for example, a thermostat in heat mode that's currently idle will show the power icon rather than the fire icon, indicating it's not actively heating.

Climate Border Styling

The card shows colored borders based on sensor thresholds:

  • Red border (default): Temperature above threshold
  • Blue border (default): Humidity above threshold
  • Custom colors: You can customize border colors for each threshold entry

Climate Borders

Requirements for Climate Styling

  1. Device class: Sensors must have proper device_class
sensor.temperature:
  device_class: temperature

sensor.humidity:
  device_class: humidity
  1. Thresholds: Configure in card configuration
type: custom:room-summary-card
area: living_room
thresholds:
  temperature:
    - value: 75 # Custom temperature threshold
  humidity:
    - entity_id: sensor.living_room_humidity
      value: 55 # Custom humidity threshold

Custom threshold colors:

type: custom:room-summary-card
area: basement
thresholds:
  temperature:
    - value: 70
      operator: lt
      color: blue # Blue border when temp < 70°F
    - value: 85
      operator: gt
      color: red # Red border when temp > 85°F
  humidity:
    - value: 50
      operator: lt
      color: orange # Orange border when humidity < 50%
  1. Skip feature: Can be disabled with feature flag
    features:
      - skip_climate_styles # Disables climate borders and colors