Bonjour,
tu devrais regarder ce tuto pour card_mod, pour trouver les classes à modifier :
pour le titre:
.title {
color: red; /* Couleur du titre "Chauffage" */
font-size: 25px !important; /* Taille globale du texte (A modifier selon visuel) */
}
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; /* Taille de "Inactif" */
}
.: |
.title {
color: red; /* Couleur du titre "Chauffage" */
font-size: 25px !important; /* Taille globale du texte (A modifier selon visuel) */
}
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: 35px;
}
div>div.info>p.label.secondary {
{% if state_attr('climate.versatile_thermostat_salon', 'current_temperature')|float(0) >= 15 %}
color: blue;
{% else %}
color: red;
{% endif %}
}
.: |
.title {
color: red;
font-size: 30px !important;
}