Dark Thermostat by @ciotlosm

A simple thermostat implemented in CSS based on Nest Thermostat Control by Dal Hundal @dalhundal on CodePen

Support

Hey dude! Help me out for a couple of 🍻 or a ☕!

Options

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.

hvac object

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.

away object

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.

sensor object

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.

Examples

Simple example

- 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

Custom attribute only

- type: custom:thermostat-dark-card
  title: Bedroom
  entity: climate.bedroom
  away:
    attribute: custom_away_mode

Sensor only

- type: custom:thermostat-dark-card
  title: Bedroom
  entity: climate.bedroom
  away:
    sensor:
      sensor: input_boolean.climate_bedroom_away

Sensor with attribute

- type: custom:thermostat-dark-card
  title: Bedroom
  entity: climate.bedroom
  away:
    sensor:
      sensor: climate.bedroom
      attribute: away