Carte capteur

[lopesmaxime]

bonjour tout le monde cela fait maintenant deux mois que je decouvre home assistant avec mon niveau -1 . le forum ma deja bien aidé sur quelque sujet et j espere qu il poura m aider pour mon probleme .

je me suis attaquer a mon dashboard qui se veut tres minimaliste et c est ce que je recherche .

sur ma derniere capture j aurais aimé essayer d avoir le graphique des cartes capteur de la meme couleur que les textes . j ai chercher un peu partout , regarder des tutos mais j avoue ne pas comprendre comment faire
actuellement j ai ca , merci par avance si vous pouvez m aiguiller

graph: line
type: sensor
entity: sensor.analyseur_d_eau_temperature
detail: 1
name: "temperature eau "
icon: mdi
card_mod:
  style: |
    ha-card > div.header > div.name{
    color: aqua;
    }

[Tochy]

C’est du minigraph card ?
Si oui

type: custom:mini-graph-card
entities:
  - entity: sensor.ble_humidity_bureau
    color: aqua

[lopesmaxime]

merci de ton retour mais je ne pense pas que sa soit ca , c est une carte capteur simple .
minigraph card tu la trouve ou ?

[Tochy]

La mini graph s’intalle depuis HACS

GitHub - kalkih/mini-graph-card: Minimalistic graph card for Home Assistant...

Par contre elle n’a pas d’interface graphique, il faut taper les lignes de code

[lopesmaxime]

@Tochy

Par contre elle n’a pas d’interface graphique, il faut taper les lignes de code

merci a toi mais du coup sa sera hors de mes competences pour l instant . je vais continuer de chercher si la carte capteur d origine peut etre personaliser au niveau du graph

[WarC0zes]

Bonjour,
un exemple

graph: line
type: sensor
entity: sensor.lywsd03mmc_0945_temperature
detail: 1
card_mod:
  style: |
    ha-card {
      --accent-color: aqua;
    }

[Tochy]

@WarC0zes tu as oublié l’icone en haut à droite tant qu’a faire

[WarC0zes]

Oups !!

graph: line
type: sensor
entity: sensor.lywsd03mmc_0945_temperature
detail: 1
card_mod:
  style: |
    .header .name {
      color: aqua;
    } 
    ha-card {
      --accent-color: aqua;
    }
    .header .icon {
      color: aqua;
      --mdc-icon-size: 40px;
    }    

[lopesmaxime]

je te remercie c est exactement ce a quoi je pensais .

juste pour comprendre car j ai essayer de suivre un tuto avec une histoire de shadow root que j avoue ne pas avoir trop compris

y a t il un « lexique » si je peut le dire comme ca des differentes anotations a mettre en place dans les card ?

[WarC0zes]

Tu as un post sur le forum anglais, avec pleins d’exemples sur diverse carte et card_mod:

🔹 Card-mod - Add css styles to any lovelace card

[lopesmaxime]

ok top direct dans les favoris ton lien je vais pouvoir etudier ca .
merci pour la reactivité j ai fait le changement et c est epurer comme je le souhaitait

[Lauent]

Bonjour, Quels sont les équipements te permettant d’acquérir toutes ces mesures sur la températures, et qualité de l’eau de ta piscine ?

[Tochy]

Si je ne dis pas de betise c’est ça :

Analyseur d' eau piscine sous ha

j ai pris celui la le vendeur ma confirmer la reference qui est sur z2m a voir des reception . perso j ai un regul de chlore et un regul ph et sa me ferais mal aux fesses d acheter un analyseur plus cher que mes regul eux meme

[lopesmaxime]

@Lauent

Bonjour, Quels sont les équipements te permettant d’acquérir toutes ces mesures sur la températures, et qualité de l’eau de ta piscine ?

@Tochy

Si je ne dis pas de betise c’est ça :

c est bien ca tochy c est le yago ble-yl01

[lopesmaxime]

slt petite question je me suis rendu compte que quand je vais sur mon dashboard quand je passe d une vue a l autre l espace de plus ou moins une seconde les icones apparaissent de la couleur d origine ( bleu ou jaune suivant activé ou pas ) avant de se mettre de la bonne couleur que j ai creer ( gris ou bleu ) a tu deja vu ce probleme ?

[WarC0zes]

C’est normal, c’est card_mod qui fait ça. C’est un peu lourd à charger card_mod, suivant la machine que tu utilises on le ressent plus ou moins. C’est juste le temps que ça charge, quand c’est charger, tu peux aller et revenir sur les pages, tu le verras plus. Mais du moment que tu fermes ton navigateur et le relance pour voir HA, ça le refera.

[lopesmaxime]

ok merci du retour , effectivement sur mon nspanel pro sa ne le fait pas , mais sur le telephone je ferme et rouvre HA c est donc coherent avec ce que tu dit .
merci a toi

[lopesmaxime]

si je peut abuser de ta gentillesse je ne c est pas si je doit ouvrir un nouveau sujet pour si peu , j ai continuer sur ma lancer de personalisation et je me suis attaquer a mes cartes thermostat en recuperant ici et la des bout de code , j ai reussi a faite ce que je veut( il y a peut etre des erreur mais le resultat est celui rechecher) a l exception du cercle que je n arrive pas a changer de couleur si tu a une piste

type: thermostat
entity: climate.radiateur_celier
show_current_as_primary: true
grid_options:
  columns: 6
  rows: 5
name: celier
features:
  - type: climate-preset-modes
    style: dropdown
card_mod:
  style:
    ha-state-control-climate-temperature $: >
      div>div.info>ha-big-number { {% if state_attr('climate.radiateurs_celier',
      'temperature')|float(0) >= 15 %}
        color: black; 
      {% else %}
        color: black; 
      {% endif %}
        font-size: 75px; 
      }  div>div.info>p:nth-child(1) {
        color: deeppink;
        font-size: 15px;
      }  div>div.info>p.label.secondary {  {% if
      state_attr('climate.radiateurs_celier', 'current_temperature')|float(0) >=
      15 %}
        color: deeppink; 
      {% else %}
        color: deeppink;
      {% endif %} }
    .: |
      .title {
        color: deeppink;
        font-size: 30px !important;
      }  
      ha-card { 
      --ha-card-background: darkgrey;
      }

[WarC0zes]

Tu as vu ce sujet Config card thermostat - #4 par WarC0zes ?

type: thermostat
entity: climate.versatile_thermostat_salon
show_current_as_primary: false
theme: Mushroom
features:
  - type: climate-hvac-modes
  - type: climate-preset-modes
    style: dropdown
name: Chauffage
card_mod:
  style:
    ha-state-control-climate-temperature $: >
      div>div.info>ha-big-number {

      {% if state_attr('climate.versatile_thermostat_salon',
      'temperature')|float(0) >= 15 %}
        color: blue; 
      {% else %}
        color: red;
      {% endif %}
        font-size: 65px;
      } div>div.info>p:nth-child(1) {
        color: red;
        font-size: 30px;
      } div>div.info>p.label.secondary { {% if
      state_attr('climate.versatile_thermostat_salon',
      'current_temperature')|float(0) >= 15 %}
        color: blue; 
      {% else %}
        color: red;
      {% endif %} } 
      div>ha-control-circular-slider {
        --control-circular-slider-color: yellow;  #couleur gauge
      }

[lopesmaxime]

slt ba ecoute oui jc est meme un des premier que j ai regarder et j ai meme recuperer pas mal de chose dessus au niveau code sur ce sujet mais je n avais pas vu les infos pour la jauge j ai regarder telement de sujet hier que j ai du passer a travers .
desolé et encore merci a toi pour ton aide me reste plus qu a trouver les bonne nuance de couleur maintenant