J’essaie d’enlever tout ce qui n’est pas HA core et qui n’est pas indispensable…
dans le but de me faciliter la maintenance et d’éviter les sueurs froides à chaque mise à jour de HA.
De plus Card mod ça fait un peu baisser la perf…
Pire que ça…
Le mec ne fait même pas de card mod sur la section comme on aurait pu croire… Il met tout dans une carte… ça on savait faire…
1 « J'aime »
Je confirme.
J’avoue que j’ai un peu de mal à faire du card-mod partout VS du custom-ui à 1 endroit… Après il y a les thèmes card-mod mais comme ça ne gère pas l’héritage…
Salut @BBE,
regarde sur quoi je suis tombé:
Citation
Une carte que j’ai créé, j’ai trouve le code sur internet et je l’ai modifié
Aucune mention de ton sujet ou auteur du code source !!!
Comme ça cela pète…
3 « J'aime »
C’est pas bien grave… Je suis en vacances, je suis de bonne humeur…
Bonnes fêtes de fin d’année à tous !!
2 « J'aime »
slt tlm bah voila je me suis mis un peut sur les room card de mon coté je suis parti sur la base de custom button card et autres addon en restant le plus proche possible du style des room card de @BBE tout en gardant les fonctions que j’ai ajouter ou modifier et sa avance je test sans card mod mais pour certaines choses c’est compliquer sans lol
1 « J'aime »
Pour le moment 7 ligne avec card mod pour la taille de l’icône et riper le background de la carte template 
et j’ai fait sa vite fait j’ai pas creusé plus que sa pour le moment mais sa avance déjà bien plus vite depuis que je réfléchis un peut
1 « J'aime »
C’est top 
Bon après l’idée est aussi de maximiser l’usage du standard HA sans avoir 50 custom card en plus
L’idéal et la cible pour moi 100% en standard, il reste du temps encore
1 « J'aime »
Sa avance tranquillement bon pour le moment card mod est supprimé à 99% pour le moment il me sert à changer le background de la carte météo en fonction de l’état , j’ai trouver la solution avec Button card
pour la suppression total mais faut que j’arrive à la mettre en place sans que sa me change tout et la c’est pas gagné pour le moment sa ressemble à sa
[edit]
Bah voila c’est fait 0% de card mod pour les carte du Dashboard tout à base de custom button card et de Mushroom chip card , je garde card mod pour les popup et le pire de tout c’est que tout fonctionne correctement
j’en suis le premier surpris, j’ai une autre idée en tête en attente mais sans card mod sa va être compliqué
1 « J'aime »
Sors de ce corps Cleya !!
4 « J'aime »
et encore la ta juste une image je me suis creusé et je me creuse encore le tetio pour faire se que je veux et comme je le veux , un truc simple et surtout avec une adaptation globale ultra simple que tout le monde y arrive sans pour autant être un informaticien, limite un Dashboard clef en main
C’est ce que j’utilise, button-card + mushroom et toutes les modifications CSS sont gérées par button-card.
0% de card_mod, ca charge beaucoup plus vite sans card_mod 
C’est ce que j’ai vu pour le Dashboard 0% card mod il est juste la pour les popup bubble card pour avoir un truc propre et harmonieux
Bonjour
Un petit partage qui n’est pas de moi, mais de @Clement_Masson avec qui j’ai échangé sur le Groupe HACF de Facebook.
Un grand merci à lui pour son partage 
Le visuel :
Le code :
type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
entity: light.grp_ecl_salon
icon: mdi:sofa
icon_color: |
{% if is_state(entity, 'on') %}
orange
{% else %}
orange
{% endif %}
primary: Salon
secondary: 🌡️ {{ states('sensor.temp_salon_temperature') }}°C
layout: horizontal
tap_action:
action: navigate
navigation_path: /dashboard-test/salon
double_tap_action:
action: navigate
navigation_path: /dashboard-test/salon
hold_action:
action: toggle
badge_icon: ""
badge_color: |+
picture: ""
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 25px !important;
color: yellow !important;
position: relative;
top: -50px;
left: -155px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
font-size: 18px !important;
position: relative;
overflow: visible !important;
top: -42px;
left: -155px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -40px;
top: 85px;
}
.: |
:host {
--mush-icon-size: 146px;
}
style: |
mushroom-badge-icon {
left: 75px;
top: 32px;
}
- type: custom:mushroom-chips-card
chips:
- type: template
entity: light.ecl_salon_piano
icon: mdi:piano
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
white
{% else %}
white
{% endif %}
- type: template
entity: light.ecl_salon_plafond
icon: mdi:ceiling-light
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
white
{% else %}
white
{% endif %}
- type: template
entity: light.grp_salon_tv
tap_action:
action: toggle
icon: mdi:sofa-outline
hold_action:
action: toggle
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
white
{% else %}
white
{% endif %}
alignment: end
card_mod:
style:
.: |
ha-card {
width: 66px;
margin-left: 80%;
top: -200px;
background: none;
--chip-border-width: 0;
}
- type: custom:mushroom-chips-card
chips:
- type: template
entity: light.ecl_salon_lampe
hold_action:
action: toggle
tap_action:
action: toggle
icon: mdi:lamp
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
white
{% else %}
white
{% endif %}
- type: template
entity: light.ecl_salon_lampadaire
hold_action:
action: toggle
tap_action:
action: toggle
icon: mdi:floor-lamp
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
white
{% else %}
white
{% endif %}
- type: template
entity: light.ecl_salon_danseuse
hold_action:
action: toggle
tap_action:
action: toggle
icon: mdi:dance-ballroom
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
white
{% else %}
white
{% endif %}
alignment: end
card_mod:
style:
.: |
ha-card {
width: 66px;
margin-left: 80%;
top: -200px;
background: none;
--chip-border-width: 0;
}
- type: custom:mini-graph-card
entities:
- entity: sensor.temp_salon_temperature
name: Temperature
color: orange
height: 90
hours_to_show: 24
points_per_hour: 1
line_width: 2
font_size: 20
animate: true
show:
name: false
icon: false
state: false
legend: false
fill: fade
card_mod:
style:
.: |
ha-card {
background: none;
}
card_mod:
style: |
ha-card {
height: 185px ;
width: 200px ;
margin-left: auto;
margin-right: auto;
}
1 « J'aime »
Une grande ressemblance 
bonjour @jerome6994 ,
j’ai copié collé ton code avec mes entités (pas toutes) et voici le résultat…
je ne vois pas les entités…
voici le code:
type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
entity: light.niches
icon: mdi:sofa
icon_color: |
{% if is_state(entity, 'on') %}
orange
{% else %}
orange
{% endif %}
primary: Salon
secondary: 🌡️ {{ states('sensor.zone_control_io_15247946_3_temperature') }}°C
layout: horizontal
tap_action:
action: navigate
navigation_path: /dashboard-test/salon
double_tap_action:
action: navigate
navigation_path: /dashboard-test/salon
hold_action:
action: toggle
badge_icon: ""
badge_color: |+
picture: ""
card_mod:
style:
mushroom-state-info$: |
.primary {
font-size: 25px !important;
color: yellow !important;
position: relative;
top: -50px;
left: -155px;
overflow: visible !important;
white-space: normal !important;
}
.secondary {
font-size: 18px !important;
position: relative;
overflow: visible !important;
top: -42px;
left: -155px;
}
mushroom-shape-icon$: |
.shape {
position: relative;
left: -40px;
top: 85px;
}
.: |
:host {
--mush-icon-size: 146px;
}
style: |
mushroom-badge-icon {
left: 75px;
top: 32px;
}
- type: custom:mushroom-chips-card
chips:
- type: template
entity: light.ampoule_salon
icon: mdi:floor-lamp
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
grey
{% else %}
grey
{% endif %}
- type: template
entity: light.niches
icon: ha:spot-bulb-top
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
grey
{% else %}
grey
{% endif %}
- type: template
entity: switch.television_prise_1
tap_action:
action: toggle
icon: mdi:television-classic
hold_action:
action: toggle
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
grey
{% else %}
grey
{% endif %}
alignment: end
card_mod:
style:
.: |
ha-card {
width: 66px;
margin-left: 80%;
top: -200px;
background: none;
--chip-border-width: 0;
}
- type: custom:mushroom-chips-card
chips:
- type: template
entity: switch.sapin_outlet
hold_action:
action: toggle
tap_action:
action: toggle
icon: phu:christmas-tree-v2
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
white
{% else %}
white
{% endif %}
- type: template
entity: light.ecl_salon_lampadaire
hold_action:
action: toggle
tap_action:
action: toggle
icon: mdi:floor-lamp
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
white
{% else %}
white
{% endif %}
- type: template
entity: light.ecl_salon_danseuse
hold_action:
action: toggle
tap_action:
action: toggle
icon: mdi:dance-ballroom
icon_color: |-
{% if is_state(entity, 'on') %}
orange
{% elif is_state(entity, 'off') %}
white
{% else %}
white
{% endif %}
alignment: end
card_mod:
style:
.: |
ha-card {
width: 66px;
margin-left: 80%;
top: -200px;
background: none;
--chip-border-width: 0;
}
- type: custom:mini-graph-card
entities:
- entity: sensor.zone_control_io_15247946_3_temperature
name: Temperature
color: orange
height: 90
hours_to_show: 24
points_per_hour: 1
line_width: 2
font_size: 20
animate: true
show:
name: false
icon: false
state: false
legend: false
fill: fade
card_mod:
style:
.: |
ha-card {
background: none;
}
card_mod:
style: |
ha-card {
height: 185px ;
width: 200px ;
margin-left: auto;
margin-right: auto;
}
une piste sur l’erreur éventuelle ?
merci
Alors je pencherais pour le thème car déjà ton icone température n’est pas identique au mien !
Possible oui, quelques différences tout même
du coup ton thème c’est quoi au juste stp?