Modification police, taille et position sur capteur température

Entraide Home Assistant
,
1

Bonjour à tous,

Je suis nouveau sur la domotique et sur HA ; j’avance tout doucement grâce notamment aux différents sujets ici sur le forum :slightly_smiling_face:. Merci pour ça !

J’ai un capteur de température compatible TUYA que j’utilise avec SMARTLIFE ; je l’ai intégré à mon tableau de bord et j’aimerai savoir comment changer la taille et le style de la police des 11.1°C affichés par exemple ici ? Et par la même occasion de centrer cette température ?

Je vous donne ma capture d’écran :

image
image444×246 43.1 KB

Je vois l’éditeur de codes qui donne ça :

type: tile
entity: sensor.srw_th01_temperature
vertical: false
features_position: bottom
grid_options:
  columns: 12
  rows: 1

Merci pour vos réponses !

Renseigner votre problème

Ma configuration

System Information

version core-2025.12.5
installation_type Home Assistant OS
dev false
hassio true
docker true
container_arch aarch64
user root
virtualenv false
python_version 3.13.9
os_name Linux
os_version 6.12.51-haos
arch aarch64
timezone Europe/Paris
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
HACS Data ok
GitHub API Calls Remaining 5000
Installed Version 2.0.5
Stage running
Available Repositories 2549
Downloaded Repositories 6
Home Assistant Cloud
logged_in false
can_reach_cert_server ok
can_reach_cloud_auth ok
can_reach_cloud ok
Home Assistant Supervisor
host_os Home Assistant OS 16.3
update_channel stable
supervisor_version supervisor-2026.01.0
agent_version 1.7.2
docker_version 28.3.3
disk_total 28.0 GB
disk_used 5.0 GB
nameservers 192.168.1.1, 2a02:842a:9f81:d801::1, fe80::5607:7dff:fe8c:b816
healthy true
supported true
host_connectivity true
supervisor_connectivity true
ntp_synchronized true
virtualization
board green
supervisor_api ok
version_api ok
installed_addons Get HACS (1.3.1), Duck DNS (1.26.0), File editor (5.8.0), FTP (6.0.1)
Dashboards
dashboards 3
resources 2
views 1
mode storage
Network Configuration
adapters lo (disabled), end0 (enabled, default, auto), hassio (disabled), docker0 (disabled), vethd49941a (disabled), veth55f2fad (disabled), vethfa2f114 (disabled), veth622ec1c (disabled), veth5752219 (disabled), vethdb0fd30 (disabled), veth1a7db3c (disabled), veth49d939b (disabled)
ipv4_addresses lo (127.0.0.1/8), end0 (192.168.1.95/24), hassio (172.30.32.1/23), docker0 (172.30.232.1/23), vethd49941a (), veth55f2fad (), vethfa2f114 (), veth622ec1c (), veth5752219 (), vethdb0fd30 (), veth1a7db3c (), veth49d939b ()
ipv6_addresses lo (::1/128), end0 (2a02:842a:9f81:d801:19a3:ebc3:786f:d247/64, fe80::6c6f:ac47:3264:25d1/64), hassio (fd0c:ac1e:2100::1/48, fe80::2c43:66ff:fe3b:5d2d/64), docker0 (fe80::bc75:a2ff:fe00:a480/64), vethd49941a (fe80::8cb5:a2ff:fec9:3542/64), veth55f2fad (fe80::c77:17ff:fed3:9d81/64), vethfa2f114 (fe80::d8c1:bdff:fe31:f736/64), veth622ec1c (fe80::5c70:4bff:fe8c:14a3/64), veth5752219 (fe80::f440:3ff:feb5:efb0/64), vethdb0fd30 (fe80::1c0f:47ff:fece:4b7d/64), veth1a7db3c (fe80::4c44:62ff:fe95:81b6/64), veth49d939b (fe80::14ea:d6ff:feee:6e32/64)
announce_addresses 192.168.1.95, 2a02:842a:9f81:d801:19a3:ebc3:786f:d247, fe80::6c6f:ac47:3264:25d1
Recorder
oldest_recorder_run 26 décembre 2025 à 17:18
current_recorder_run 6 janvier 2026 à 21:12
estimated_db_size 6.67 MiB
database_engine sqlite
database_version 3.49.2
___
2

Bonjour,
voici un exemple avec card_mod (a installé à partir de HACS) .

image
image1009×413 16.3 KB

type: tile
entity: sensor.temperature_humidity_sensor_exterieur_av_temperature
vertical: false
features_position: bottom
card_mod:
  style:
    ha-tile-info$: |
      .secondary {
        font-family: fantasy;
        text-align: center !important;
      }  
    .: |
      ha-card {
        --ha-tile-info-secondary-font-size: 26px;
      }

pour changer la police, c’est la ligne font-family: fantasy; et pour changer la taille de la police de la deuxième ligne --ha-tile-info-secondary-font-size: 26px;.

3

Merci beaucoup, j’essaye ça ce soir :slightly_smiling_face:

4

Impec !
Avec le téléchargement de card_mod et ta réponse, ça fonctionne correctement !
Merci :+1:

5

pense a mettre le sujet en résolu, en cochant la case solution image sur le message qui l’apporte.

6

Bonjour WarC0zes,
J’en profite pour te demander (et ne pas ouvrir un nouveau post spécialement pour ça), si tu peux résoudre mon petit problème d’automatisation …
Je souhaiterai que la couleur d’arrière plan de ma carte chauffage change de couleur quand le thermostat se déclenche (passer du bleu au rouge pour indiquer la chauffe)
J’ai commencé avec ça, mais ça ne fonctionne pas :neutral_face:

alias: Essai chauffage
description: ""
triggers:
  - trigger: state
    entity_id:
      - climate.smart_thermostat
conditions: []
actions: 
 - card_mod:
   style:
    ha-tile-info$: ""
    .: |
      ha-card {
      background: #5157ED;
      font-color: #FFFFFF;
        --ha-tile-info-secondary-font-size: 24px;
      }
      ha-card {
        --ha-tile-info-primary-font-size: 18px;
      }
mode: single

Merci pour ton retour
Christophe

7

Card mod s’utilise sur une carte et pas dans une automatisation.
Mets ton code de la carte que tu utilises et utilise la balise texte préformaté (icône image) pour mettre du code dans un message.

8

OK désolé, je ne maitrise pas encore le langage YAML et ses fonctionnalités ..
Voilà le code de ma carte THERMOSTAT :

type: thermostat
entity: climate.smart_thermostat
card_mod:
  style:
    ha-tile-info$: ""
    .: |
      ha-card {
      background: #5157ED;
      font-color: #FFFFFF;
        --ha-tile-info-secondary-font-size: 24px;
      }
      ha-card {
        --ha-tile-info-primary-font-size: 18px;
      }
grid_options:
  columns: 12
  rows: 3
9

un exemple :
quand ca chauffe

image
image1014×434 50.5 KB

type: thermostat
entity: climate.versatile_thermostat_salon
card_mod:
  style: |
    :host {
    {% if is_state_attr('climate.versatile_thermostat_salon', 'hvac_action',
    'heating') %}
      --ha-card-background: red;
    {% else %}
      --ha-card-background: blue;
    {% endif %}
    }

quand c’est en idle.

image
image1016×443 26 KB

10

Merci, super !! :waving_hand:
La syntaxe et la logique sont simples à comprendre, il faut juste bien comprendre la structure du langage
Mais comme ça qu’on apprend :grinning_face:
Je ferme le post

11

La case solution a cocher, est sur le message qui a apporter la solution a ton sujet. Pas a ton message…

12

Re-bonjour,

Je me suis emballé un peu vite ; mon thermostat reste bleu même en chauffe :roll_eyes:
J’ai deux entités avec cet accesoire TUYA, le ‹ climate.smart_thermostat › et la ‹ smart_thermostat_vanne › qui actionne le mode chauffage ou pas.

Voilà mon code :

type: thermostat
entity: climate.smart_thermostat
card_mod:
  style: >
    :host { {% if is_state_attr('smart_thermostat_vanne', 'hvac_action',
    'heating') %}
      --ha-card-background: red;
    {% else %}
      --ha-card-background: blue;
    {% endif %}

    }
grid_options:
  columns: 12
  rows: 3

Que je mette ‹ smart_thermostat_vanne › ou ‹ climate.smart_thermostat › en ligne 5, ça ne change rien.

Et voilà une photo du capteur VANNE :

image
image577×589 19.8 KB

Merci …

13

c’est climate.smart_thermostat a utiliser ligne 5. Soit sur que c’est bien le bon nom de l’entité, tu peut le voir dans la roue cranté de ta capture :

Il faut voir dans outils de dev, onglet état, rechercher ton entité climate.smart_thermostat et voir les attributs qui sont disponible.
chez moi, c’st bien l’attribut hvac_action qui dit si ca chauffe ou pas.

image
image1376×184 15.1 KB

14

Bon, j’ai beau changer dans tous les sens, ça ne fonctionne pas chez moi.
Je vais essayer de comprendre le fonctionnement du code à tête reposée
Merci pour ton aide :wink:

15

Ce sujet a été automatiquement fermé après 2 jours. Aucune réponse n’est permise dorénavant.