Config card thermostat

Entraide Home Assistant
4

Je t’ai tout fait sauf, la couleur de la gauge et les boutons.

edit:
pour les boutons
éteint

image
image397×507 13.2 KB

allumé

image
image400×504 14.4 KB

type: thermostat
entity: climate.versatile_thermostat_salon
show_current_as_primary: false
theme: Mushroom
features:
  - type: climate-hvac-modes
  - type: climate-preset-modes
    style: dropdown
name: Chauffage
card_mod:
  style:
    ha-state-control-climate-temperature $: >
      div>div.info>ha-big-number {

      {% if state_attr('climate.versatile_thermostat_salon',
      'temperature')|float(0) >= 15 %}
        color: blue; 
      {% else %}
        color: red; 
      {% endif %}
        font-size: 65px; 
      } div>div.info>p:nth-child(1) {
        color: red;
        font-size: 30px;
      } div>div.info>p.label.secondary { {% if
      state_attr('climate.versatile_thermostat_salon',
      'current_temperature')|float(0) >= 15 %}
        color: blue; 
      {% else %}
        color: red;
      {% endif %}
      }
    hui-card-features$: 
      hui-card-feature:nth-child(1)$:
        hui-climate-hvac-modes-card-feature$:
          ha-control-select$: |
            .option::before {
            {% if state_attr('climate.versatile_thermostat_salon','hvac_mode') == 'off' %}
              background: green !important;
            {% else %}
              background: orange !important;
            {% endif %} 
            }
    .: |
      .title {
        color: red; 
        font-size: 25px !important; 
      }

Pour le bouton du preset:

image
image511×544 15 KB

image
image506×534 14.4 KB

type: thermostat
entity: climate.versatile_thermostat_salon
show_current_as_primary: false
theme: Mushroom
features:
  - type: climate-hvac-modes
  - type: climate-preset-modes
    style: dropdown
name: Chauffage
card_mod:
  style:
    ha-state-control-climate-temperature $: >
      div>div.info>ha-big-number {

      {% if state_attr('climate.versatile_thermostat_salon',
      'temperature')|float(0) >= 15 %}
        color: blue; 
      {% else %}
        color: red;
      {% endif %}
        font-size: 65px;
      } div>div.info>p:nth-child(1) {
        color: red;
        font-size: 30px;
      } div>div.info>p.label.secondary { {% if
      state_attr('climate.versatile_thermostat_salon',
      'current_temperature')|float(0) >= 15 %}
        color: blue; 
      {% else %}
        color: red;
      {% endif %} }
    hui-card-features$:
      hui-card-feature:nth-child(1)$:
        hui-climate-hvac-modes-card-feature$:
          ha-control-select$: |
            .option::before {
            {% if state_attr('climate.versatile_thermostat_salon','hvac_mode')
            == 'off' %}
              background: green !important;
            {% else %}
              background: orange !important;
            {% endif %} 
            }
    hui-card-features $:
      hui-card-feature:nth-child(2) $:
        hui-climate-preset-modes-card-feature $:
          ha-control-select-menu $: |
            div>div {
             {% if state_attr('climate.versatile_thermostat_salon','preset_mode') == 'none' %}
             color: grey;
             {% elif state_attr('climate.versatile_thermostat_salon','preset_mode') == 'eco' %}
             color: DodgerBlue;
             {% elif state_attr('climate.versatile_thermostat_salon','preset_mode') == 'comfort'  %}
             color: green ;
             {% else %}
             color: yellow;
             {% endif %}
            }
    .: |
      .title {
        color: red;
        font-size: 25px !important;
      }
1 « J'aime »