Question peut-être bateau mais j'ai pas trouvé

jaladuvar · Août 9, 2026, 4:03

Bonjour,

Mon problème

Dans la carte énérgie comment puis-je affecter des couleurs "nettement" différentes aux diverses entités représentées dans les barres ?
Merci
Je n'ai pas lmis ma config car je pense que cela n'est pas le sujet..

Ma configuration

Texte à remplacer par votre configuration

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

WarC0zes · Août 9, 2026, 4:30

Bonjour,
À partir d'un thème, on peut choisir la couleur.

github.com/home-assistant/frontend

src/resources/theme/color/color.globals.ts

master


      
          --clear-background-color: #ffffff;
          
          /* for label-badge */
          --label-badge-grey: #9e9e9e;
          
          /* states icon */
          --state-icon-color: #44739e;
          /* an error state is anything that would be considered an error */
          /* --state-icon-error-color: #db4437; derived from error-color */
          
          /* energy */
          --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;
          --energy-water-color: #00bcd4;
          
          /* color */

Exemple :

  energy-grid-consumption-color-0: '#FF0000'
  energy-grid-consumption-color-1: '#00B300'
  energy-grid-consumption-color-2: '#FFFFFF'

Tu trouveras quelques sujets dessus :

jaladuvar · Août 10, 2026, 5:50

Merci, je vais essayer de mettre ceci en pratique

jaladuvar · Août 10, 2026, 1:13

rebonjour, je dois être obtus mais si j'ai bien rentré un nouveau thème je ne vois pas comment le rendre actif sur le tableau de bord energie ou une carte enregie flow ? Où se trouvent les fichiers de configuration du dashboard ou d'une utilisation de la carte ?

  primary-color: "#264269"
  modes:
    light:
      energy-grid-consumption-color-5: "#00458bff"
      energy-grid-consumption-color-4: "#0000FF"
      energy-grid-consumption-color-3: "#8B8B8B"
      energy-grid-consumption-color-2: "#AAAAAA"
      energy-grid-consumption-color-1: "#8B0000"
      buanderie_conso: "#984209ff"
      energy-grid-consumption-color-0: "#FF0000"
    dark:
      energy-grid-consumption-color-5: "#00008B"
      buanderie_conso: "8B0000"
      energy-grid-consumption-color-4: "#0000FF"
      energy-grid-consumption-color-3: "#D3D3D3"
      energy-grid-consumption-color-2: "#FAFAFA"
      energy-grid-consumption-color-1: "#8B0000"
      energy-grid-consumption-color-0: "#FF0000"

theme_sansbordure:
  ha-card-border-width: 0
  energy-grid-consumption-color-0: "#00008B"
  energy-grid-consumption-color-1: "#0000FF"
  energy-grid-consumption-color-2: "#D3D3D3"
  energy-grid-consumption-color-3: "#FFFFFF"
  energy-grid-consumption-color-4: "#8B0000"
  energy-grid-consumption-color-5: "#FF0000"

  #energy-battery-in-color
  #energy-battery-out-color
  energy-gas-color-0: "#8B4513"
  #energy-grid-return-color
  #energy-non-fossil-color
  #energy-solar-color
  energy-water-color-0: "#00FFFF"

  modes:
    light: {}
    dark: {}

syl2222_fr · Août 10, 2026, 2:02

Salut

De mémoire (donc, pas fiable du tout ), le théme s'active sur ton utilisateur (cela permet d'avoir des thémes par users)

En bas à gauche , tu clic sur le nom du user avec lequel tu est connecté et tu devrais avoir une section 'thémes' dans laquelle tu devrais retrouver le théme que tu as configuré

jaladuvar · Août 10, 2026, 2:38

Cela "approche" mais le thème configuré n'apparaît pas il faut que je décommente quelques lignes je crois dans configuration.yaml.

Merci

WarC0zes · Août 10, 2026, 2:45

un peu le bordel ton thème.

En gros, tu dois donner un nom au thème, puis en dessous les options que tu veux, puis le mode light et dark.
Exemple avec deux thèmes créés :

frontend:
  themes:
    theme_sansbordure:
      ha-card-border-width: 0
      energy-grid-consumption-color-0: "#00008B"
      energy-grid-consumption-color-1: "#0000FF"
      energy-grid-consumption-color-2: "#D3D3D3"
      energy-grid-consumption-color-3: "#FFFFFF"
      energy-grid-consumption-color-4: "#8B0000"
      energy-grid-consumption-color-5: "#FF0000"
    
      #energy-battery-in-color
      #energy-battery-out-color
      energy-gas-color-0: "#8B4513"
      #energy-grid-return-color
      #energy-non-fossil-color
      #energy-solar-color
      energy-water-color-0: "#00FFFF"
    
      modes:
        light: {}
        dark: {}

    theme_2:
      ha-card-border-width: 0
      energy-grid-consumption-color-0: "#00008B"
      energy-grid-consumption-color-1: "#0000FF"
      energy-grid-consumption-color-2: "#D3D3D3"
      energy-grid-consumption-color-3: "#FFFFFF"
      energy-grid-consumption-color-4: "#8B0000"
      energy-grid-consumption-color-5: "#FF0000"
    
      #energy-battery-in-color
      #energy-battery-out-color
      energy-gas-color-0: "#8B4513"
      #energy-grid-return-color
      #energy-non-fossil-color
      #energy-solar-color
      energy-water-color-0: "#00FFFF"
    
      modes:
        light: {}
        dark: {}

Puis dans ton profil (icône de ton utilisateur en bas de la barre latérale) et tu choisis le thème.

Après, j'utilise des fichiers YAML séparé pour les thèmes.
dans le configuration.yaml :

frontend:
  themes: !include_dir_merge_named themes

dans le dossier /config (ou homeassistant sous file editor), créer un dossier themes.
Dans le dossier themes, créer un dossier au nom du thème, et dans ce dossier un fichier YAML au nom du thème.
exemple :

section_dashboard:
  #energy color
  energy-grid-consumption-color-0: '#FF0000'
  energy-grid-consumption-color-1: '#00B300'
  energy-grid-consumption-color-2: '#FFFFFF'

  modes:
    light: {}
    dark: {}

jaladuvar · Août 11, 2026, 7:47

Merci beaucoup, j'ai commencé à arriver à quelque chose et ces éléments vont bien m'aider...