Remplacer une couleur dans une carte

[BBE]

Mon problème

Bonjour.

Je cherche à remplacer des couleurs dans une carte. Non pas changer la couleur d’un élément, mais trouver un outil qui permette de dire par exemple que tout ce qui s’affiche dans la couleur rouge doit désormais s’afficher en bleu…

L’objectif : pourvoir tuner les couleurs de la carte Energy.

Je me suis fait la carte suivante :

type: vertical-stack
cards:
  - type: energy-date-selection
  - type: energy-usage-graph
  - type: energy-sources-table

Qui chez moi ressemble à ça:

J’ai réussi à récupérer les valeurs des couleurs du dégradé gris vers bleu:
#488FC27F => que je voudrais rouge vif
#0062917F => que je voudrais gris rouge
#0038637F => que je voudrais blanc ou gris très clair suivant rendu visuel
#0013397F => que je voudrais gris moyen
#0000167F => que je voudrais bleu vif
#0000007F => que je voudrais gris bleu

Mais je coince car je n’arrive pas à modifier les couleurs avec card mod, juste la couleur d’une entité…

Ma configuration

---

[center]## System Information

version	core-2022.11.5
installation_type	Home Assistant OS
dev	false
hassio	true
docker	true
user	root
virtualenv	false
python_version	3.10.7
os_name	Linux
os_version	5.15.61-v8
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.28.4
Stage	running
Available Repositories	1157
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 9.3
update_channel	stable
supervisor_version	supervisor-2022.11.2
agent_version	1.4.1
docker_version	20.10.18
disk_total	228.5 GB
disk_used	16.1 GB
healthy	true
supported	true
board	rpi3-64
supervisor_api	ok
version_api	ok
installed_addons	Terminal & SSH (9.6.1), Let’s Encrypt (4.12.7), File editor (5.4.2), Samba share (10.0.0), Home Assistant Google Drive Backup (0.109.2), Mosquitto broker (6.1.3), Zigbee2MQTT (1.28.4-1)

Dashboards

dashboards	3
resources	13
views	30
mode	storage

Recorder

oldest_recorder_run	2 décembre 2022 à 13:33
current_recorder_run	4 décembre 2022 à 16:50
estimated_db_size	3819.92 MiB
database_engine	sqlite
database_version	3.38.5

[/center] Comment récupérer ma configuration : Dans votre HA, Menu latéral `Paramètres` > `Système` > `Corrections` puis les trois petits points en haut a droite > `Informations Système` puis une fois en bas `Copier` ___

[BBE]

J’ai cherché à pas mal bidouiller. Notament en m’inspirant des excellents conseils donnés par @Clemalex dans la vidéo là:

personnaliser-ses-cartes-avec-card-mod

Autant dans la partie :

- type: energy-sources-table

J’arrive a peu près à naviguer et à trouver où sont les éléments …

Autant dans la partie

- type: energy-usage-graph

Il y a au milieu du graphe une classe canvas qui est totalement opaque et je ne comprend pas comment changer les couleurs…

D’où mon idée de simplifier le problème en swappant/échangeant deux couleurs…

Mais je ne suis même pas sur:

• de la faisabilité: car je n’ai rien trouvé montrant qu’il soit possible de le faire, ni avec card-mod, ni autre…
• de l’efficacité: car quand je cherche mes codes de couleurs dans le source via les outils d’exploration, ils ne ressortent que dans la partie energy-sources-table et pas de le canvas du graphique.

Si quelqu’un a une idée… je prends…

[BBE]

Bon la seule chose approchante que j’aie réussi à faire est de jouer avec les thèmes de la carte energy.

j’ai ajouté ça dans mon configuration.yaml:

frontend:
  themes:
    day_and_night:
      primary-color: "#264269"
      modes:
        light:
          energy-grid-consumption-color: "#b53007"
        dark:
          energy-grid-consumption-color: "#fc1c1c"

je peux ainsi avoir un dégradé de rouge celui ci est d’ailleurs plus lisible en mode sombre qu’en mode clair, quel que soit le rouge que je choisisse…

c’est pas parfait mais c’est mieux que rien.

Cette modif doit sans doute aussi passer en card-mod en passant du rouge dans la couleur energy-grid-consumption-color mais je n’ai pas encore essayé.

[BBE]

Bon j’ai tenté d’ajouter

card_mod:
  style: |
    ha-card {
      energy-grid-consumption-color: '#fc1c1c';
    }

Dans mes cartes Energy, a différents endroits… mais ça ne marche pas…

[WarC0zes]

@BBE

energy-grid-consumption-color: '#fc1c1c';

Appart une solution avec le thème, je crois pas qu’avec card_mod ca soit possible.

élément du thème modifiable pour le panneau energie:

  energy-grid-consumption-color: "#488fc2"
  energy-grid-return-color: "#8353d1"
  energy-solar-color: "#ff9800"
  energy-non-fossil-color: "#0f9d58"
  energy-battery-out-color: "#4db6ac"
  energy-battery-in-color: "#f06292"
  energy-gas-color: "#8E021b"

[BBE]

Oui.

C’est ce que j’ai fait.

La limitation c’est qu’il n’y a qu’une couleur pour « energy-grid-consumption-color » puis un dégradé réalisé automatiquement entre cette couleur et du blanc en mode sombre et entre cette couleur et du gris foncé en mode clair.

J’aurai aimé pouvoir personnaliser un peu plus… mais c’est un détail!

La présence des cartes energy est déjà super pour intégrer dans un dashboard!