Lovelace: Simple thermostat card

Share your Projects! Dashboards & Frontend
880

Here is my design. I have disabled the state and temperature variables because I couldn’t customize their icons. Instead I have manually added temperature as a sensor entity which does allow me to personalize it.

I have additionally added a sensor that tracks the power consumption of the AC unit and a binary sensor that turns green if we are producing power to the grid via solar panels and thus running the airco at that moment is ‘green’.

image

type: custom:simple-thermostat
entity: climate.airco_kamer_pm
layout:
  mode:
    names: true
    icons: true
    headings: false
  step: row
header:
  faults:
    - entity: sensor.airco_kamer_pm_error_code
    - entity: binary_sensor.airco_kamer_pm_defrost
    - entity: binary_sensor.producing_green_energy
      icon: mdi:leaf-circle
  name: Airco slaapkamer
  icon: mdi:air-conditioner
hide:
  temperature: true
  state: true
control:
  preset: true
  fan:
    auto:
      icon: mdi:fan-auto
    low:
      icon: mdi:fan-speed-1
    medium:
      icon: mdi:fan-speed-2
    high:
      icon: mdi:fan-speed-3
  swing:
    'off':
      name: Swing off
      icon: mdi:power
    vertical:
      name: Vertical swing
      icon: mdi:swap-vertical
  hvac:
    'off':
      name: AC off
      icon: mdi:power
    'on':
      name: AC on
      icon: mdi:power
sensors:
  - entity: sensor.airco_kamer_pm_current_temperature
    name: Power
    icon: mdi:thermometer
  - entity: sensor.airco_kamer_pm_power
    name: Power
    icon: mdi:lightning-bolt
style: |
  ha-card {
      --st-font-size-xl: 60px;
      --st-font-size-m: 30px;
      --st-font-size-title: 20px;
      --st-font-size-sensors: 20px;
      --st-spacing: 3px;
      --st-fault-active-color: green;
  }
4 Likes