Lovelace: Simple thermostat card

This is what I have for Currently:

            sensors:
              - entity: sensor.anna_temperature
                id: temperature
                template: "{{state.text}} {{unit_of_measurement}}"
                label: "{{ui.currently}}"

Were you replying to me?

Yes, it should show in the top-right of the message when someone is replying to someone else.

The problem is that doesn’t replace the “currently” temperature, that is what i would like to achieve.

1 Like

Please show us your code.

Here it is:


card:
  type: custom:simple-thermostat
  entity: climate.radiator_livingroom_dx
  header:
    name: Radiator livingroom dx
  decimals: '1'
  unit: °C
  step_size: '0.5'
  control: false
  faults: false
  layout:
    step: row
    mode:
      headings: false
      icons: true
      names: false
  sensors:
    - entity: sensor.livingroom_average_temperature
      id: temperature
      template: '{{state.text}} {{unit_of_measurement}}'
      label: '{{ui.currently}}'
conditions:
  - entity: sensor.seasons_boolean
    state: cold
type: conditional

You’ll need to add the line version: 3 otherwise the special format is not recognized.

See here for details on how to write yaml with version 3 enabled: simple-thermostat/sensors.md at 9c274465b5c513e9e6a82d9670f52807ba173233 · nervetattoo/simple-thermostat · GitHub

1 Like

I can’t get to change the color of the active mode, it is always green.

Either in the theme:

noctis:  

  # Fonts
  primary-font-family: 'Raleway,sans-serif'
  paper-font-common-base_-_font-family: "var(--primary-font-family)"
  paper-font-common-code_-_font-family: "var(--primary-font-family)"
  paper-font-body1_-_font-family: "var(--primary-font-family)"
  paper-font-subhead_-_font-family: "var(--primary-font-family)"
  paper-font-headline_-_font-family: "var(--primary-font-family)"
  paper-font-caption_-_font-family: "var(--primary-font-family)"
  paper-font-title_-_font-family: "var(--primary-font-family)"
  ha-card-header-font-family: "var(--primary-font-family)"

  # Text
  text-color: '#ffffff' 
  primary-text-color: 'var(--text-color)'
  text-primary-color: 'var(--text-color)'
  secondary-text-color: "#BAC0C6"
  text-medium-light-color: '#A0A2A8'
  text-medium-color: '#80828A'
  disabled-text-color: '#626569'
  primary-color: 'var(--accent-color)'
  
  # Main Colors
  app-header-background-color: '#242e42'
  accent-color: '#1A89F5'
  accent-medium-color: 'var(--accent-color)'

  # Background
  background-color: '#242e42'
  primary-background-color: 'var(--background-color)'
  background-color-2: '#20293c' 
  secondary-background-color: 'none'
  markdown-code-background-color: 'var(--background-color)'
  
  # Card
  card-background-color: 'var(--ha-card-background)'
  ha-card-background: 'rgba(43,55,78,1)' #'linear-gradient(145deg, #273246, #2e3b53)'
  ha-card-box-shadow: "3px 3px 13px -6px rgba(17,35,52,1)"
  ha-card-border-radius: "12px" #Original "5px"
  border-color: 'none'

  # Icons
  paper-item-icon-color: '#EBEBEB'
  paper-item-icon-active-color: 'var(--accent-color)'
  
  # Sidebar
  sidebar-background-color: 'var(--background-color)'
  sidebar-icon-color: '#98a7b9'
  sidebar-selected-icon-color: 'var(--accent-color)'
  sidebar-selected-text-color: 'var(--text-color)'
  paper-listbox-background-color: 'var(--sidebar-background-color)'
  divider-color: 'var(--background-color)'
  light-primary-color: 'var(--ha-card-background)'

  # Sliders
  paper-slider-knob-color: 'var(--accent-color)'
  paper-slider-pin-color: 'var(--background-color-2)'
  paper-slider-active-color: 'var(--accent-color)'
  paper-slider-container-color: 'var(--background-color-2)'

  # Toggle:
  paper-toggle-button-checked-bar-color: 'var(--accent-color)'
  mdc-theme-primary: 'var(--accent-color)'

  # Switch
  switch-unchecked-color: '#70889e'
  switch-checked-button-color: 'var(--accent-color)'
  switch-unchecked-track-color: 'var(--background-color-2)'
  switch-checked-track-color: 'var(--background-color-2)'

  # Radio Button
  paper-radio-button-checked-color: 'var(--accent-color)'

  # Popups
  more-info-header-background: 'var(--secondary-background-color)'
  paper-dialog-background-color: 'var(--background-color)' #'rgba(47,59,82,0.4)'

  # Tables
  table-row-background-color: 'var(--background-color)'
  table-row-alternative-background-color: 'var(--ha-card-background)'

  # Badges
  label-badge-background-color: 'var(--background-color)'
  label-badge-text-color: 'var(--text-primary-color)'
  label-badge-red: 'rgba(73,85,108,1)'
  label-badge-blue: 'rgba(26,137,245,1)'
  label-badge-green: 'rgba(0,202,139,1)'
  label-badge-yellow: 'rgba(222,176,107,1)'

  paper-input-container-focus-color: 'var(--accent-color)'
  
  # Custom Header
  ch-background: 'var(--background-color)'
  ch-active-tab-color: 'var(--accent-color)'
  ch-notification-dot-color: 'var(--accent-color)'
  ch-all-tabs-color: 'var(--sidebar-icon-color)'
  ch-tab-indicator-color: 'var(--accent-color)'

  # Mini Mediaplayer
  mini-media-player-base-color: 'var(--text-color)'
  mini-media-player-accent-color: 'var(--accent-color)'

  # Alarm
  alarm-color-armed: 'rgba(247,53,67,1)'


  #ST
  st-mode-background: '#20293c'
  st-mode-active-background: '#1A89F5'

Or in the card itself:

type: custom:simple-thermostat
entity: climate.netatmo_salon_casa
name: Calefacción
decimals: '1'
step_layout: row
show_header: true
label:
  temperature: Temperatura
  state: Estado
layout:
  mode:
    headings: false
    names: false
  step: row
hide:
  temperature: true
  state: true
control:
  _names: false
  _headings: false
  hvac:
    some_mode: false
    another_mode: false
    'off':
      name: Apagado
    auto:
      name: Auto
      icon: mdi:calendar
style: |






  ha-card {
            --st-font-size-xl: 24px !important;
            --st-font-size-title: 20px !important;
            --st-font-size-m: 15px !important;
            --st-mode-active-background: orange !important;
          }

  .body {
    padding-bottom: 0px !important;


  }
header:
  name: Casa

Captura de pantalla 2021-12-13 a las 22.46.29

I had the same issue with --st-mode-active-background not applying. See my issue posted and closed yesterday with how I resolved it.

Is it possible to get the actual measured temperature between the arrows?
And then when you change the setpoint with the arrows, it shows the setpoint for a few seconds. Just like many physical thermostats do?

I have a weird problem configuring my thermostat (insteon via mqtt)

I do get the following message when changing temperature
Failed to call service climate/set_temperature. some but not all values in the same group of inclusion ‘temperature’ @ data[]

I’m using this thermostat to heat the house as I do not have/need A/C, So I assume only the low value would be required.

When I add a simple thermostat card with the default value, all work as expected. If I set the left side temperature, the HVAC work fine.

But because I do not need cooling, I try to hide the target_temp_high. And I get the mentioned error when I set the following.

setpoints:
  target_temp_high:
    hide: true

note that I also tried ,

setpoints:
  temperature:

but I get an “NaN” value

How would I hide the mode which shows between brackets in the State? This is the build in sensor of the Climate device, (OTGW connected to boiler is only able to heat)

Using the default thermostat card it doesn’t show the mode.

SOLVED: Digged a bit deeper and read may other articles, getting a slightly better understanding of how HA works.

type: custom:simple-thermostat
entity: climate.therm
header:
  name: Thermostaat
hide:
  state: true
sensors:
  - attribute: hvac_action
    name: Status

I’ve created the following card using the simple thermostat card for use with my Honeywell Evohome (UK). What I’d like to be able to do is set the Preset to “permanent” when I change the temperature of a thermostat. Any advise on where I begin with the code?

Here is a copy of the code so far

Here is a picture of the presets unhidden. Basically I always want the preset to always be set to permanent when selecting a new temperature.

I have the same problem trying to remove the high set point. Any solution?

@Twillist i think you need to set both in setpoints, one is hid and the other is shown:

setpoints:
  target_temp_high:
    hide: true
  target_temp_low:

else look at your climate entity attributes if there are other setpoints to configure.

This is what I get with that code. It looks like what I want but I get an error when hitting the up and down buttons

Hello everyone.

Im also using custom:simple-thermostat. I issuse is with multiple radiators. I mean, im having group of 2 radiators, and its not working with that custom card. Ive tried add 2 radiators to that card but its also didnt work. Here`s my code for one radiator.

Thank You in advance:)

type: custom:simple-thermostat
entity: climate.pokoj_rozowy_kaloryfer
layout:
  step: row
  mode:
    headings: true
    icons: true
    names: true
control:
  hvac:
    some_mode: false
    another_mode: false
sensors:
  - entity: sensor.pokoj_rozowy_czujnik_temperatury_temperature
    name: Obecna
header:
  name: Pokój różowy
hide:
  temperature: true
  state: true
step_size: '0.5'
decimals: '1'

Figured it out. Had to use setpoints like this:

setpoints:
  temperature:

I have the same question, I would like the color to follow the theme color set in user settings

Anybody have an idea how to do that?

right now I have blu an green as accent color but still have orange buttons in simple thermostat on heater