Bonjour du jour,
Le petit retour du jour sur l’installation de themes différents de celui par défaut qui disons-le, mais c’est subjectif, manque un peu de couleur 
pour ma part.
J’aime bien les thèmes DARK…ca doit être mon côté sombre…
Pré-requis :
- Savoir se connecter sur son HASS en SSH ou SAMBA afin de modifier les fichiers dans « config » :
–> themes.yaml
–> configuration.yaml
–> automations.yaml
Exemple pour le thème Gray & Green
-
- Se connecter en SSH ou SAMBA sur son HASS
-
- Dans le répertoire « config » :
- –> Modifier ou Créer themes.yaml s’il n’existe pas
- –> copier-coller le code ci-dessous
Gray & Green:
### Main Interface Colors ###
primary-color: "#24E081"
light-primary-color: "#6BEAAA"
primary-background-color: "#494B58"
secondary-background-color: var(--primary-background-color)
divider-color: "#595B6B"
### Text ###
primary-text-color: "#FBFBFB"
secondary-text-color: "#24E081"
text-primary-color: "#FBFBFB"
disabled-text-color: "#7A7D90"
### Sidebar Menu ###
sidebar-icon-color: "#A2A4B2"
sidebar-text-color: "#FBFBFB"
sidebar-selected-background-color: var(--primary-background-color)
sidebar-selected-icon-color: "#24E081"
sidebar-selected-text-color: var(--sidebar-selected-icon-color)
### States and Badges ###
state-icon-color: "#24E081"
state-icon-active-color: "#FBCD41"
state-icon-unavailable-color: var(--disabled-text-color)
### Sliders ###
paper-slider-knob-color: "#24E081"
paper-slider-knob-start-color: var(--paper-slider-knob-color)
paper-slider-pin-color: var(--paper-slider-knob-color)
paper-slider-active-color: var(--paper-slider-knob-color)
paper-slider-secondary-color: var(--light-primary-color)
paper-green-400: "#FBCD41"
### Labels ###
label-badge-background-color: "#9A9CAB"
label-badge-text-color: "#FBFBFB"
label-badge-red: "#555766"
### Cards ###
paper-card-background-color: "#555766"
paper-listbox-background-color: var(--primary-background-color)
### Toggles ###
paper-toggle-button-checked-button-color: "#24E081"
paper-toggle-button-checked-bar-color: "#6BEAAA"
paper-toggle-button-unchecked-button-color: "#A2A4B2"
paper-toggle-button-unchecked-bar-color: "#787B8F"
### Table row ###
table-row-background-color: var(--primary-background-color)
table-row-alternative-background-color: var(--secondary-background-color)
- –> Enregistrer le fichier
4. --> Ouvrir configuration.yaml
- copier-coller sous frontend le code ci-dessous :
themes: !include themes.yaml
si vous n’avez pas l’instruction frontend dans le fichier, copier-coller ce code :
frontend:
themes: !include themes.yaml
-
–> Sauvegarder le fichier et REDEMARRER votre HASS
-
–> Depuis l’interface de HASS, allez dans votre profile, icone en bas à gauche, le thème ajouté devrait apparaitre dans le menu déroulant.
-
–> Maintenant, faut que ce thème soit celui par défaut à la connexion, pour cela :
a. Ouvrir le fichier « automations.yaml »
b. Copier-coller ceci- alias: 'Set theme at startup' trigger: platform: homeassistant event: start action: service: frontend.set_theme data: name: Gray & Green (Theme Name)
Sauvegarder le fichier et REDEMARRER votre HASS.
Cela devrait le faire, maintenant vous avez un nouveau thème
Have Fun
et cela donne quoi visuellement ?
