A simple thermostat implemented in CSS based on Nest Thermostat Control by Dal Hundal
@dalhundal on CodePen
![alt text](https://github.com/ciotlosm/lovelace-thermostat-dark-card/raw/master/sample.png?raw=true)
![hacs_badge](https://camo.githubusercontent.com/b489e7a98c85fff6d35cc9e89b0702bc43a05710c292da09f78f652181ee9ef8/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f484143532d44656661756c742d6f72616e67652e7376673f7374796c653d666f722d7468652d6261646765)
![GitHub Activity](https://camo.githubusercontent.com/c10cc394f4a486bab67f76cce82ae3d7e9c61116bde2dda829612b6ac065c5c2/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f636f6d6d69742d61637469766974792f792f63696f746c6f736d2f6c6f76656c6163652d746865726d6f737461742d6461726b2d636172642e7376673f7374796c653d666f722d7468652d6261646765)
![Community Forum](https://camo.githubusercontent.com/9bd3fb7f3c701040bc2dc3dc40cbbadb7be2b6301dcde11a6877b8713861072f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f636f6d6d756e6974792d666f72756d2d627269676874677265656e2e7376673f7374796c653d666f722d7468652d6261646765)
Hey dude! Help me out for a couple of 🍻 or a ☕!
![coffee](https://camo.githubusercontent.com/52698a1fa449f261626c86e609770c458868deebdb03fa8daaf5f5e7cf41bdc5/68747470733a2f2f7777772e6275796d6561636f666665652e636f6d2f6173736574732f696d672f637573746f6d5f696d616765732f626c61636b5f696d672e706e67)
Name |
Type |
Default |
Description |
type |
string |
Required |
custom:thermostat-dark-card |
entity |
string |
Required |
The entity id of climate entity. Example: climate.hvac |
name |
string |
optional |
Card title |
hvac |
object |
optional |
Allows mapping of custom states or using a custom sensor/attribute for state |
step |
number |
0.5 |
The step to use when increasing or decreasing temperature |
highlight_tap |
boolean |
false |
Show the tap area highlight when changing temperature settings |
chevron_size |
number |
50 |
Size of chevrons for temperature adjustment |
pending |
number |
3 |
Seconds to wait in control mode until state changes are sent back to the server |
idle_zone |
number |
2 |
Degrees of minimum difference between set points when thermostat supports both heating and cooling |
ambient_temperature |
string |
optional |
An entity id of a sensor to use as ambient_temperature instead of the one provided by the thermostat |
range_min |
number |
optional |
Override thermostat's minimum value |
range_max |
number |
optional |
Override thermostat's maximum value |
away |
object |
optional |
Allows usage of a custom sensor/attribute for the away detection. |
Name |
Type |
Default |
Description |
states |
optional |
optional |
A list of states. See examples. |
attribute |
string |
hvac_action |
An attribute of the entity to use as state. This cannot be used in conjunction with sensor. |
sensor |
object |
optional |
The sensor object which monitors the hvac state. This cannot be used in conjunction with attribute. |
NOTE: If the climate entity already provides an attribute away_mode
, this configuration is wont apply.
Name |
Type |
Default |
Description |
sensor |
object |
optional |
A sensor which provides the away state. |
attribute |
string |
preset_mode |
An attribute of the entity to use as state. |
Name |
Type |
Default |
Description |
sensor |
string |
Required |
A sensor which provides the hvac state. See examples. |
attribute |
string |
state |
An attribute of the sensor to use as state. |
- type: custom:thermostat-dark-card
title: Bedroom
entity: climate.ecobee
Example with custom hvac_states
- type: custom:thermostat-dark-card
title: Bedroom
entity: climate.hvac
chevron_size: 100
hvac:
states:
'Off': 'idle'
'Cooling': 'cooling'
'Heating': 'heating'
attribute: operation_mode
Example with custom hvac_sensor
- type: custom:thermostat-dark-card
title: Bedroom
entity: climate.nest
chevron_size: 100
hvac:
states:
'idle': 'idle'
'cooling': 'cooling'
'heating': 'heating'
sensor:
sensor: sensor.nest_thermostat_hvac_state
Example with external ambient sensor
- type: custom:thermostat-dark-card
title: Bedroom
entity: climate.ecobee
ambient_temperature: sensor.bedroom_temperature
- type: custom:thermostat-dark-card
title: Bedroom
entity: climate.bedroom
away:
attribute: custom_away_mode
- type: custom:thermostat-dark-card
title: Bedroom
entity: climate.bedroom
away:
sensor:
sensor: input_boolean.climate_bedroom_away
- type: custom:thermostat-dark-card
title: Bedroom
entity: climate.bedroom
away:
sensor:
sensor: climate.bedroom
attribute: away