New Custom UI card to show animated power consumption

Super! Thank you for reporting the bug.

Hi,

I started using another theme named " Blackened Theme "
Now I canā€™t see the moving dot no more. See screenshot.

Is this solvable?

Thanks in advance

I started using another theme named " Blackened Theme "
Now I canā€™t see the moving dot no more. See screenshot.

Oh, I see, thank you.

I have just released a new version 1.3.0 There is a new option circle_color, so I hope that something like this will solve your issue:

  - type: 'custom:animated-consumption-card'
    entity: sensor.total_power_consumption
    circle_color: white

Well, frankly speaking I think that this is a bug in the theme. For the circle color Iā€™m using a variable var(--primary-color) and suppose it to be different color than the background (but Iā€™m not 100% sure). But I also think that there can be some use cases when somebody want to change the color of the circle even if is not the same color as the background, so Iā€™ve decided that it is ok to have such option.

1 Like

frankly speaking I think that this is a bug in the theme. For the circle color Iā€™m using a variable var(--primary-color) and suppose it to be different color than the background

You may very well be correct, but Home Assistantā€™s support for dark themes is known to still have holes, so itā€™s possible that --primary-color is the only way to achieve the proper results. Very nice of you to provide a solution regardless!

1 Like

Thanks again :+1:

There is the new card that looks great. Maybe it will suit your needs:

tesla-style-card-animation

4 Likes