New thermostat card

Configuration Frontend
21

Yes and no. It is like that when you setup the temperature, but Nest has the farsight setting where you can choose what to display when you are not messing with it. I have mine displaying the current temperature. That is all we are asking for, an option to choose

22

My dashboard UI has slowed down considerably with these last updates. My javascript console is filled with hundreds of errors like the following when the new thermostat is present.

Uncaught (in promise) DOMException: Failed to execute 'remove' on 'DOMTokenList': The token provided must not be empty.
    at https://homeassistant.mydomain/frontend_latest/app.otA1ToECPHw.js:2:136112
    at Set.forEach (<anonymous>)
    at o.update (https://homeassistant.mydomain/frontend_latest/app.otA1ToECPHw.js:2:136088)
    at o._$AS (https://homeassistant.mydomain/frontend_latest/app.otA1ToECPHw.js:2:125323)
    at O (https://homeassistant.mydomain/frontend_latest/app.otA1ToECPHw.js:2:128621)
    at V._$AI (https://homeassistant.mydomain/frontend_latest/app.otA1ToECPHw.js:2:131678)
    at I.v (https://homeassistant.mydomain/frontend_latest/app.otA1ToECPHw.js:2:129325)
    at R.g (https://homeassistant.mydomain/frontend_latest/app.otA1ToECPHw.js:2:130521)
    at R._$AI (https://homeassistant.mydomain/frontend_latest/app.otA1ToECPHw.js:2:130034)
    at Z (https://homeassistant.mydomain/frontend_latest/app.otA1ToECPHw.js:2:133396)
1 Like
23

How many of those had more than one thermostat?

24

Nest has the farsight setting where you can choose what to display when you are not messing with it.

Interesting, I have had the 1st, 2nd, and E thermostats and the Farsight feature is only on Gen 3. So I didn’t know that. Thanks for the knowledge.

25

No idea, I wasn’t on it.

26

For my use case I have template thermostats which then use scripts to control the actual AC behind the scenes. The two main uses for the summary card view are to view current temperature and to turn on/off the thermostat (auto mode).

Having an option to remove the numeric target temperatures and the plus/minus buttons would make it a lot cleaner for the summary dash.

27

Better in 2024.1.0 release - But text size is still far to big.

Is there any way i can change the text size(s) in the thermostat card / code editor?

2023.11.3

2023.11.3
2023.11.3487×785 67.8 KB

2014.1.0

2024.1.0
2024.1.0503×693 65.5 KB

28

You can change just about any CSS value with:

29

Yes, i principally understand the concept - But i need a hint where to find the at least the 3 different vars for name, current-temp, target-temp size (like “–ha-card-background” in example below) as simply using “font-size” does not work:

card-mod
card-mod664×512 56.1 KB

30

Use your web browser inspector:

Untitled
Untitled1239×1016 209 KB

Do not use the value shown for mine as I have not updated yet and already have card-mod classes applied.

If you need more help try in the card-mod topic.

1 Like
31

P.s.: Reducing the titel text size helped a lot. And thanks for your help!

Unbenannt
Unbenannt536×590 29.7 KB

1 Like
32

I love the look of the new thermostat card. However I am having a problem with how it visualizes a simple Bang Bang thermostat in an esphome device. Perhaps it’s just something I am flat doing wrong. Before the update I had a single heat only slider and you could watch the hysteresis happen between the dark and light orange portions of the slider. Like this
image

Now the only version I can get to come up is like this
image

type: thermostat
entity: climate.bang_bang_climate_controller
features:
  - style: icons
    hvac_modes:
      - heat
      - 'off'
    type: climate-hvac-modes
show_current_as_primary: true

Is there a new HA card setting I can use to force a heat only slider? There is no cool function with the device, it is simply a hot water circulator.

33

Is it possible to remove the actual temperature ? and remove the 3 dots in the upper right ?

34

Yes. With card_mod.

35

where can I find the code for it ? Because the answer card mod I already knew

36

And why do you ask then “how” if you know the anwser and not “how with card-mod”?

type: thermostat
entity: climate.heizung_kellerflurthermostat
card_mod:
  style:
    .: |
      ha-icon-button { display: none !important; }
    ha-state-control-climate-temperature:
      $: |
        .label:nth-of-type(2) { display: none !important; }
1 Like
37

sorry for my wrong question type :wink:

and thanks for helping me out

38

Screenshot_2024-01-17-08-42-21-931_io.homeassistant.companion.android
Screenshot_2024-01-17-08-42-21-931_io.homeassistant.companion.android1080×2400 136 KB

Can I change the idle and heathing in my own language ?
Is it possible to end the card just below the +and - ? So no extra “white” space below ?

So maybe it is possible to put another card below to fit the screen on my mobile

39

I made a post of this and then saw this Thermostat post, so adding visibility here - What happened to Aux Heat toggle in Thermostat card? - Configuration - Home Assistant Community (home-assistant.io)

Can this setting be brought back in next versions? Heat pumps in colder climates have an aux heat function to bring on additional heat strips or gas furnace when the HP cannot keep up. This setting is now gone from the card.

1 Like
40

Who can help me remove the + and - buttons via card-mod?
If I do this they disappear but only on the app.
I always see them in browsers.

type: thermostat
name: cucina
entity: climate.smarther_cucina
card_mod:
  style: |
    .buttons {
      display: none !important;
    }

What am I doing wrong?
Thank you!