Forum Francophone Home Assistant

THEMES - Installation

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 :wink: 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 » :
  1. –> Modifier ou Créer themes.yaml s’il n’existe pas
  2. –> 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)
  1. –> 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

  1. –> Sauvegarder le fichier et REDEMARRER votre HASS

  2. –> Depuis l’interface de HASS, allez dans votre profile, icone en bas à gauche, le thème ajouté devrait apparaitre dans le menu déroulant.

  3. –> 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 :wink:

Have Fun

:ok_hand: et cela donne quoi visuellement ?
Tu peux nous faire une copie d’écran ?

Bonjour,

Ceci sur l’appli :wink:

oh toi t’es un fan du vert Jeedom ou Deltadore tu es démasqué :=)

ah m…me suis pas bien planqué :wink: