Couleur de fond d'une carte

Entraide Home Assistant
1

Bonjour,
je viens d’essayer de changer la couleur de fond de mes carte mais mon yaml ne fonctionne pas, pouvez vous me dire ce qui ne fonctionne pas ?

Merci de votre aide

System Information

version core-2024.1.6
installation_type Home Assistant OS
dev false
hassio true
docker true
user root
virtualenv false
python_version 3.11.6
os_name Linux
os_version 6.1.63-haos-raspi
arch aarch64
timezone Europe/Paris
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
GitHub API Calls Remaining 5000
Installed Version 1.34.0
Stage running
Available Repositories 1379
Downloaded Repositories 14
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 11.4
update_channel stable
supervisor_version supervisor-2023.12.1
agent_version 1.6.0
docker_version 24.0.7
disk_total 28.0 GB
disk_used 8.5 GB
healthy true
supported true
board yellow
supervisor_api ok
version_api ok
installed_addons Terminal & SSH (9.8.1), Z-Wave JS (0.4.3), Node-RED (17.0.3), Studio Code Server (5.15.0), Matter Server (5.0.4), Mosquitto broker (6.4.0), Z-Wave JS UI (3.3.1), Home Assistant Google Drive Backup (0.112.1)
Dashboards
dashboards 2
resources 10
views 17
mode storage
Recorder
oldest_recorder_run 27 janvier 2024 à 16:15
current_recorder_run 31 janvier 2024 à 16:40
estimated_db_size 102.34 MiB
database_engine sqlite
database_version 3.41.2
2

Sans mettre ton code, ça va être compliqué…

1 « J'aime »
3

oups toutes mes excuses…

square: true
type: grid
cards:
  - type: gauge
    entity: sensor.hp_photosmart_6510_series_black_ink
    name: Cartouche noir
    severity:
      green: 20
      yellow: 0
      red: 0
    needle: true
    style:
      background-color: yellow
  - type: gauge
    entity: sensor.hp_photosmart_6510_series_cyan_ink
    needle: true
    severity:
      green: 20
      yellow: 0
      red: 0
    name: Cartouche Cyan
    theme: Mushroom
    style:
      background-color: '#ff0000'
  - type: gauge
    entity: sensor.hp_photosmart_6510_series_magenta_ink
    name: Cartouche Magenta
    theme: Mushroom
    needle: true
    severity:
      green: 20
      yellow: 0
      red: 0
    min: 1
    max: 100
    style:
      background-color: '#ff0000'
  - type: gauge
    entity: sensor.hp_photosmart_6510_series_yellow_ink
    name: Cartouche Jaune
    needle: true
    severity:
      green: 20
      yellow: 0
      red: 0
    style:
      background-color: '#ff0000'
columns: 4

`

4

D’où sors tu ça ? :

    style:
      background-color: '#ff0000'

Je n’ai pas vu d’option « style » sur la doc. de la carte « gauge »

Pour changer la couleur de fond de tes cartes « gauge », il faudra probablement passer par « card-mod »

5

une couleur trouvée sur ChatGPT, tu l’as compris, je débute et j’essaie de trouver des solutions…

6

C’est pas la couleur qui pose problème, c’est « style: ». Il n’y a pas d’implémentation comme ça sur les cartes « gauge ».

Pour pouvoir modifier la couleur de fond de cette carte, il te faudra passer par card-mod :

7

Ok , merci je vais essayer de modifier avec card mod

8

Tu as réussi ?

image
image978×368 16.7 KB

9

Non mais je vais essayer avec cette config, merci

10

Oui, nikel ça fonctionne , merci

11

Là, ton code modifié.

12

Encore mieux, merci je vais pouvoir adapter à ma guise.
Très sympa de ta part

13

Mets la « solution » sur un de mes messages alors :grin: Merci, ça m’en fait une de plus, encore 18 et j’aurai une image :crazy_face:

1 « J'aime »