Ajout de Variable dans le theme par default

Mon problème

Bonjour a tous,

J’ai mis en place Honeycomb qui fonctionne bien.

Par contre, je souhaiterais changer le style de mes menu :

j’ai essayé d’ajouter ces lignes dans mon fichier /homeassistant/themes/metro/metro.yaml:

default:
  honeycomb-menu-icon-color: "linear-gradient(45deg, #6cb3ef, #386978)"
  honeycomb-menu-icon-active-color: "#64a7dc"
  honeycomb-menu-background-color: "#FFFFFF"
  honeycomb-menu-active-background-color: "#FFFFFF"
  honeycomb-menu-disabled: "#00000033"

dans la zone :
# To add your own custom color, see the examples at the end of this file.

Cela n’a aucun effet même après redémarrage (rapide) de HA + lancer le service Recharger les themes + F5 sur le navigateur

Aurais je raté quelque chose ?

dans la doc de Honeycomb, il parle de CSS

mais je ne sais pas ou le mettre, le fichier yaml de mon theme ne compile pas si je met ca, en voici l’erreur :

end of the stream or a document separator is expected (9:32)

  6 | 
  7 | /* Styles selector is used as a placeholder for syntax highlig ...
  8 | styles {
  9 |     --honeycomb-menu-icon-color: var(--paper-item-icon-color);
-------------------------------------^
 10 |     --honeycomb-menu-icon-active-color: var(--paper-item-icon- ...
 11 |     --honeycomb-menu-background-color: var(--paper-card-backgr ...

En vous remerciant,

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