2024.8: Beautiful badges!

I would like to see some improvements as well, e.g. A theme variable for badge size and a theme variable for font size.

Do you guys know there is a feature request in the Frontend-respository, which would make styling o/theming of such things a lot easier?
Have a look there, it could use some support/upvotes: Introduce "Custom styles / Templates" section in core cards for much easier change of CSS/styling of cards (like bubble card) Ā· home-assistant/frontend Ā· Discussion #22745 Ā· GitHub

Every has-to-be themable/stylable asset thing of HA would benefit from this, and would make life of custom themers a lot easier!

1 Like

Maybe join in on my request for the icon size…
Adding those theme variables would be much appreciated

Ofc. Would you perhaps think about adding font size there as well, so there is no need for another Fr?

1 Like

consider that done

The thing is that it’s an issue with the HA and not the integration. But nevertheless it probably should have been reported somewhere else anyway as the matter affects many versions of HA. :wink:

And font-family so the hard-coded Roboto font becomes optional for usage.
At the moment there is no way to fully 100% get rid of it, as there are always hard coded Roboto-parts left in the core UI (admin and front-end) code which looks really amateuristic once you decide to use a custom font.

yeah, but I suppose we shouldnt overload these FR’s

font family would warrant it’s own FR probably, given the nature of if, and requirement to download these fonts externally, and not just setting a CSS variable

What do you mean with ā€œFRā€?

Feature Request

They are collected in the Frontend repo under the Discussion section (and not in this community under the FR section)

I’ve achieved what I wanted, thanks to the solution from @Ildar_Gabdullin.

See this post for details: šŸ”¹ Card-mod - Super-charge your themes! - #1949 by parautenbach.

1 Like

Fantastic work by the few that implemented this, but this is now available. It’s been the one thing I really needed to make the now-not-so-new-anymore badges practical.

1 Like

Yeah it’s very nice

Has a bug though which is reported. Hope it can be fixed (related to hidden badges, and still fading the visible ones even when enough space is available)