Ma vision de HA

voici quelques photos de mon lovelace (cliquer dessus)
animiertes-gif-von-online-umwandeln-de (2)

pour le thème sombre et les couleurs verte:

pour les icones de couleurs:
création d’un fichier WWW dans config (file editor nouveau dossier nommée www) et d’un fichier

ui-lovelace-card.yaml

dans lequel j’ai télécharger deux .js.( file editor dossier www nouveau fichier :

auto-entities.js

et

button-card.js

)
j’ai copier coller de github : auto-entities.js et button-card.js.
ensuite :
dans le fichier;
ui-lovelace-card.yaml
j’ai mis :

title: Home
resources:
  - url: /local/button-card.js
    type: module
  - url: /local/ auto-entities.js
    type: module
    
custom_updater:
  card_urls:
    - https://raw.githubusercontent.com/kuuji/button-card/master/tracker.json

le premier me permet de colorer et plus les entités, le deuxième de faire des listes comme mes batteries <35% par exemple.
enfin dans configuration —> tableau de bord lovelace onglet ressource
j’ai rajouté:

/local/button-card.js
/local/auto-entities.js

puis redémarrer complètement le serveur.
quelques exemple: lumiere avec contour et couleur:

card: null
type: 'custom:button-card'
entity: light.led_couloir
show_name: true
show_label: false
show_last_changed: true
state:
  - value: 'off'
    color: blue
  - value: 'on'
    color: var(--button-card-light-color)
tap_action:
  action: toggle
hold_action:
  action: more-info
styles:
  name:
    - color: blue
  card:
    - '-webkit-box-shadow': 0px 0px 9px 3px var(--button-card-light-color)
    - box-shadow: 0px 0px 9px 3px var(--button-card-light-color)

liste de batterie faibles:

type: 'custom:auto-entities'
card:
  title: Batterie faible
  type: entities
filter:
  include:
    - domain: sensor
      entity_id: '*battery*'
      state: <= 30
      options:
        type: 'custom:button-card'
        color_type: icon
        show_name: true
        show_state: true
        state:
          - value: '20'
            operator: '>'
            color: orange
          - value: '20'
            operator: <
            color: red
        size: 5%

depuis j’ai intégré HACS
pas de grand changement ( sombre et Bordeau ansi que graph pour les températures et eyenotion à la place de onvif), sur mon interface. mais on m’a conseillé de faire ca pour bénéficier des mise à jours et mise à niveau.

3 « J'aime »

Sympa ton interface.
Merci pour le partage.