Improve text color inside the graph

[igorsantos07]

This definitely isn't readable :see_no_evil:

It could use black or white as text color depending on the index value?

[igorsantos07]

Doing some quick tweaks in DevTools, I would suggest the following:

• change border and text to be always black, because against the:
  • start of the bar: definitely readable and WCAG agrees (more if you consider most of the text isn't against the very start of the bar)
  • middle of the bar: black against white :man_shrugging:
  • the red in the end of the bar: readable to me, but according to WCAG it would be better to change that red a bit, to B80000 instead of B60000 (so it hits AA for large text)
• bonus: make that text bold

As a frontend developer for the past decade or so, I would also suggest removal of box-shadows and text-shadows :eyes: I hope you don't feel offended, as this might seem like a matter of personal taste :pray: But shadows are not present in the usual Home Assistant theme, and in all honesty it kinda makes it feel like a dated UI element (think "Web 2.0" buttons). Sometimes, simplicity is better than overdoing, and there are other means to make text readable against different backgrounds.

Bonus: make the index values follow the decimal places option.

Mocks below:

I can also submit a PR with those changes :)

[argaar]

Don't worry I'm not offended at all, I love to share different points of view and receive suggestions

Of course I'll accept a PR, otherwise I can code it by myself but every bit of help is good 👍

[artt652]

I'd want suggest to hide descriptions as well in case unavailable of entities, currently in this case card shows wrong description.