You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
![card_mod default](https://github.com/thomasloven/lovelace-card-mod/assets/116118617/064ad901-baa0-4551-a46a-123f97692e00)
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.
The text was updated successfully, but these errors were encountered:
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
entity: sensor.sonoff_1000fd09b5_power
name: Cumulus
entity: sensor.sonoff_1000e7de36_power
name: Portail rue
entity: sensor.sonoff_1000fcfa16_power
name: Frigo US
entity: sensor.sonoff_1000bd9b3b_power
name: Congelateur Bosch
entity: sensor.sonoff_1000fd0bbf_power
name: Clim bosch
entity: sensor.sonoff_100178b0f6_power
name: Prise Ordi & NVR
entity: sensor.sonoff_100178b097_power
name: Prise PDG Ext
entity: sensor.sonoff_100178b0c0_power
name: Prise PDG Int
entity: sensor.sonoff_1000fcfd9e_power
name: Clim Daikin
entity: sensor.sonoff_1000e7dc7f_power
name: Cuisine
entity: sensor.sonoff_1000bd9abe_power
name: TV
entity: sensor.sonoff_1000bdb28c_power
name: Frigo Katy & Dyson
entity: sensor.prise_machine_a_laver_le_linge_power
name: Lave linge
entities:
sensor.disjoncteur_prises_power
sensor.sonoff_1000fd09b5_power
sensor.sonoff_1000e7de36_power
sensor.sonoff_100178b0f6_power
sensor.sonoff_1000fcfa16_power
sensor.sonoff_1000bd9b3b_power
sensor.sonoff_1000fd0bbf_power
sensor.sonoff_100178b097_power
sensor.sonoff_100178b0c0_power
sensor.sonoff_1000fcfd9e_power
sensor.sonoff_1000e7dc7f_power
sensor.sonoff_1000bd9abe_power
sensor.sonoff_1000bdb28c_power
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 > * {
margin: 2px;
}
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
The text was updated successfully, but these errors were encountered: