Alert Clear Weather Widget Theming Issue

[cap60552]

It seems like the "All Clear" widget is ignoring styling. I have been trying to get it to have rounded corners like all of my other entries on my dashboard, but it remains square.
I even tried using "card-mod" but had no success.

Also, selecting "Show card border & name" does not seem to apply to the "All Clear" widget.

[djdevil]

Hi @cap60552! 👋

This was a bug on our end — the card was hardcoding --ha-card-border-radius: 10px internally, which overrode your HA theme value and prevented card-mod from applying any border-radius changes.

Fixed in the next version v1.2.5:

Removed the hardcoded border radius — the HA theme value now flows through correctly
Inner containers now read var(--ha-card-border-radius, 12px) directly so the correct value propagates through the shadow DOM
Added :host { overflow: hidden; border-radius: var(--ha-card-border-radius, 12px) } — content now clips to the rounded corners at host level, which is also where card-mod applies its styles
After updating, standard card-mod usage should work as expected:

type: custom:alert-ticker-card
card_mod:
style: |
:host {
border-radius: 20px !important;
}

[djdevil]

Hi,
The feature/fix you requested is now available in AlertTicker Card v1.2.5

Please update the card via HACS (or manually) and let me know if everything works as expected on your end. If you run into any issues or the behavior is not what you had in mind, feel free to reply here and I'll take a look.

Thanks for your patience and for helping improve the card!