voici quelques photos de mon lovelace (cliquer dessus)
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.