Removing the corners on the new entity badge

Configuration Frontend
1

I am trying to find a way to remove the entity badge corners. I like having square buttons as I find it have a more spacey/NASA look but the corner radius is hard coded in the .badge class. I have CSS card mod but I cannot change it any property.

type: entity
entity: person.jshow_entity_picture: true
tap_action:
action: navigate
navigation_path: ‘#main-profile-j’
card_mod:
style: |
{
color: red
}

.badge, html, host, none of it works. I’ve also added it to the .theme and I cannot change it.

Screenshot 2024-08-15 111901
Screenshot 2024-08-15 1119011839×225 16.2 KB

2

It might be the border-radius style tag you need to set.

3

unfortunately that doesn’t work yet, nor does setting the the available theme variable ha-label-badge-border-radius: 0 in your themes.
People are still looking for ways to do that

1 Like
4

Im having the same issue