Thèmes et changement couleur Header

Entraide Home Assistant
1

Bonjour à tous,

Je cherche à personnalisé mon interface et donc je commence par la création d’un thème. Je souhaite changer la couleur de fond de l’entête et des icones/texte.

J’ai donc créé le thème suivant que j’ai appliqué à ma vue.

arnault:
  # Définition des couleurs
  main-background-color: "#F4F4F4"
  header-background-color: "#FFFFFF"
  header-text-color: "#212121"

  # UI
  primary-background-color: "var(--main-background-color)"

  # Header
  app-header-background-color: "var(--header-background-color)"
  app-header-text-color: "var(--header-text-color)"

La couleur du background de ma vue change bien par contre le header ne change pas du tout :
image

Avez vous une piste à me donner car là je sèche.

Merci d’avance.

2

Bonjour,
Je ne modifie pas les thèmes dans HA mais en LESS ou CSS si tu définis in ID:
C’est normalement comme ceci:

#Header{
  app-header-background-color: var(--header-background-color);
  app-header-text-color: var(--header-text-color);
}

Essaie aussi sans les guillemets.
Bob

3

Merci. Du coup tu met ton CSS où ?

4

Comme dit plus haut je n’ajoute pas de thème sur Home Assistant, je dois sembler frileux mais le LESS ou le CSS ça peut vite devenir un casse tête et je veux avant tout garder un système stable, donc je ne peux pas te répondre!
Il y a card-mod qui permet de surcharger le CSS mais je ne l’utilise pas (sauf le 1er avril :wink: )

En suivant ce lien tu trouveras aussi des infos.

Bob

5

Bonjour,

Finalement j’ai trouvé mon erreur, il fallait que j’applique le thème sur mon profil utilisateur et non sur la vue !!!

capture
capture1242×1711 163 KB