My Home Assistant version: 2024.1.3 / supervisor 2023.12.1 / operating system 11.4
My lovelace configuration method (GUI or yaml): yaml
What I am doing: i'm using card-mod into a custom:config-template-card
What I expected to happen: change colors of bargraphs
What happened instead: the color change but all 2-3 seconds the card is switching from customated colors to normal colors
In my case , the normal color bargraph is blue, and the color used with card_mod is
Minimal steps to reproduce:
`
type: custom:config-template-card
variables:
entity: sensor.disjoncteur_prises_power
name: Prises Maison
[] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.
My Home Assistant version: 2024.1.3 / supervisor 2023.12.1 / operating system 11.4
My lovelace configuration method (GUI or yaml): yaml
What I am doing: i'm using card-mod into a custom:config-template-card
What I expected to happen: change colors of bargraphs
What happened instead: the color change but all 2-3 seconds the card is switching from customated colors to normal colors In my case , the normal color bargraph is blue, and the color used with card_mod is
Minimal steps to reproduce:
` type: custom:config-template-card variables:
sensor.prise_machine_a_laver_le_linge_power element: type: custom:bar-card entities: >- ${vars.filter(v => states[v.entity] && states[v.entity].state && states[v.entity].state >= 1).sort((v1,v2) => states[v2.entity].state-states[v1.entity].state)} direction: right entity_row: false min: 0 max: >- ${ Math.max(...vars.map(v => states[v.entity].state).filter(v => v != 'unavailable'))} height: 30px stack: vertical decimal: 0 icon: mdi:flash positions: icon: 'off' indicator: outside name: inside value: inside card_mod: style: >
states > * {
}
bar-card-name { font-size: 0.9rem; color: #808080; font-weight: bold;}
bar-card-value {
bar-card-value { font-weight: bolder;}
bar-card-indicator { margin-top: 4px; transform: scaleY(-1); }
bar-card-backgroundbar { background: linear-gradient(to right, green 15%, orange 40%, red 75%); border-radius: 10px }
bar-card-currentbar { background: linear-gradient(to right, #00FF1A,yellow 35%, orange 60%, red 85%); clip-path: polygon(0 0, var(--bar-percent) 0, var(--bar-percent) 100%, 0 100%); border-radius: 30px } `
End of code
Error messages from the browser console:
By putting an X in the boxes ([]) below, I indicate that I:
[] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
[] Have made sure I am using the latest version of the plugin.
[] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
[] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.