Bug in Home Assistant 2022.11

[mattdevo1]

It looks like the default dashboard theme in Home Assistant was changed slightly in in the 2022.11 update, which is causing the Big Number Card to render incorrectly (there is a thin colored bar at the very edge of the card when the value is less than 100%, see screenshot below).

This happens regardless of the scale, whether you start the bar from the left or bottom, etc. I can't seem to find a configuration option to fix it.

[DOMNAD]

It looks like the default dashboard theme in Home Assistant was changed slightly in in the 2022.11 update, which is causing the Big Number Card to render incorrectly (there is a thin colored bar at the very edge of the card when the value is less than 100%, see screenshot below).

This happens regardless of the scale, whether you start the bar from the left or bottom, etc. I can't seem to find a configuration option to fix it.

Same here 😞

[igorsantos07]

I guess the project got abandoned :(

Since I'm only using it in a specific dashboard, I changed the whole dashboard to an old theme which doesn't include the latest lovelace layout changes.

[Zeronozero]

Is this project really dead ? someone who can debug this problem ? thanks

[Zeronozero]

I found a solution. Add this in your theme

My Theme:
    # colonnes
    ha-view-sections-column-gap: 8px #optional, this is for the column space in the new experimental section
    ha-card-border-width: 0px
    modes:
        light:
            ha-card-box-shadow: '0px 0px 0px 1px rgba(0, 0, 0, 0.12)'
        dark:
            ha-card-box-shadow: '0px 0px 0px 1px rgba(255, 255, 255, 0.12)'

[mattdevo1]

I found a solution. Add this in your theme

My Theme:
    # colonnes
    ha-view-sections-column-gap: 8px #optional, this is for the column space in the new experimental section
    ha-card-border-width: 0px
    modes:
        light:
            ha-card-box-shadow: '0px 0px 0px 1px rgba(0, 0, 0, 0.12)'
        dark:
            ha-card-box-shadow: '0px 0px 0px 1px rgba(255, 255, 255, 0.12)'

Ah man, thank you for figuring that out!

You can also implement this with card mod, here's what I did:

card_mod: style: | ha-card { border-width: 0px }

Although I guess that removes the border, which means this card looks different to the other default cards...Hrmm, not a great fix to be honest.