Graphics missing using IOBroker about tesla-style-solar-power-card

[reptilex]

It seems like the colours I rely upon from home assistant that are defined there as variables are missing from the css you are using. I have never tried IOBroker can you give me a hint on how to set it up so I can try it? But probably this is a completely different software, so don't get your hopes up to much of me supporting it.

[Cumulus7]

Hi,

i changed the colors with search-and-replace in your card.js to:

var(--info-color) -> var(--label-badge-yellow)
var(--success-color) -> var(--label-badge-green)
var(--warning-color) -> var(--label-badge-red)

result:

Some Icons seem misplaced, but the result is definately better. :-)

I will ask the IOBroker programmer where to define your used colors in their Lovelace implementation.

Additional suggestion:
-maybe we could configure the colors in the card-configuration?
-That way a user could choose to have the battery blue, grid pink and house in bright orange :-).

like:

house-color: var(--label-badge-yellow)
or maybe even better as entity independet like
color1: var(--label-badge-yellow)

For easy configuration and backwards-compatibility all values defaulting to your default settings, but changeable.

THX
Markus

[reptilex]

There is an event on home assistant that triggers a resize and then everything looks good, seems IOBroker is not doing that.