Home

Awesome

Dark Thermostat by @ciotlosm

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

alt text

GitHub Release License hacs_badge

Project Maintenance GitHub Activity

Discord Community Forum

Support

Hey dude! Help me out for a couple of :beers: or a :coffee:!

coffee

Options

NameTypeDefaultDescription
typestringRequiredcustom:thermostat-dark-card
entitystringRequiredThe entity id of climate entity. Example: climate.hvac
namestringoptionalCard title
hvacobjectoptionalAllows mapping of custom states or using a custom sensor/attribute for state
stepnumber0.5The step to use when increasing or decreasing temperature
highlight_tapbooleanfalseShow the tap area highlight when changing temperature settings
chevron_sizenumber50Size of chevrons for temperature adjustment
pendingnumber3Seconds to wait in control mode until state changes are sent back to the server
idle_zonenumber2Degrees of minimum difference between set points when thermostat supports both heating and cooling
ambient_temperaturestringoptionalAn entity id of a sensor to use as ambient_temperature instead of the one provided by the thermostat
range_minnumberoptionalOverride thermostat's minimum value
range_maxnumberoptionalOverride thermostat's maximum value
awayobjectoptionalAllows usage of a custom sensor/attribute for the away detection.

hvac object

NameTypeDefaultDescription
statesoptionaloptionalA list of states. See examples.
attributestringhvac_actionAn attribute of the entity to use as state. This cannot be used in conjunction with sensor.
sensorobjectoptionalThe 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.

NameTypeDefaultDescription
sensorobjectoptionalA sensor which provides the away state.
attributestringpreset_modeAn attribute of the entity to use as state.

sensor object

NameTypeDefaultDescription
sensorstringRequiredA sensor which provides the hvac state. See examples.
attributestringstateAn 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