I am not using badges.
That was my recent quick try:
card-mod-view-yaml: |
hui-masonry-view:
$:
hui-view-badges $: |
.badges {
flex-direction: column;
}
Since you need to go to a particular badge - you should go deeper:
card-mod-view-yaml: |
hui-masonry-view:
$:
hui-view-badges $:
hui-badge:
hui-entity-badge $: |
.badge {
background-color: cyan !important;
--badge-color: red !important;
--mdc-icon-size: 32px !important;
--primary-text-color: orange !important;
}
to get this beautiful look:
And this is a very “brute” way since badges currently do not seem to have CSS variables (not to mention a nasty look of new badges in general).