I finally ditched my ancient Home-Assistant installation, which still depended heavily on andrey-git’s home-assistant-custom-ui plugin, and replaced all custom elements with Lovelace alternatives.
And I think it turned out really great
before:
after:
before:
after:
before:
after:
before:
after:
It looks much more cleaner and elegant now.
This post should serve as inspiration how you could design your Smart Home UI - it looks really good on a computer screen, as well as on a mobile.
I used the mini-graph-card module (with minor adjustments to display a second entity - the total energy usage - without showing its graph), and the button card.