diff --git a/src/panels/lovelace/cards/hui-stack-card.ts b/src/panels/lovelace/cards/hui-stack-card.ts index 70a925e44c..501e38cd7e 100644 --- a/src/panels/lovelace/cards/hui-stack-card.ts +++ b/src/panels/lovelace/cards/hui-stack-card.ts @@ -87,7 +87,7 @@ export abstract class HuiStackCard static get sharedStyles(): CSSResultGroup { return css` .card-header { - color: var(--ha-card-header-color, --primary-text-color); + color: var(--ha-card-header-color, var(--primary-text-color)); font-family: var(--ha-card-header-font-family, inherit); font-size: var(--ha-card-header-font-size, 24px); font-weight: normal; @@ -98,6 +98,11 @@ export abstract class HuiStackCard display: block; padding: 24px 16px 16px; } + :host { + --ha-card-border-radius: inherit !important; + --ha-card-border-width: inherit !important; + --ha-card-box-shadow: inherit !important; + } `; } diff --git a/src/panels/lovelace/views/hui-panel-view.ts b/src/panels/lovelace/views/hui-panel-view.ts index f63cbd24b3..c65238af5a 100644 --- a/src/panels/lovelace/views/hui-panel-view.ts +++ b/src/panels/lovelace/views/hui-panel-view.ts @@ -130,7 +130,12 @@ export class PanelView extends LitElement implements LovelaceViewElement { :host { display: block; height: 100%; + } + + * { --ha-card-border-radius: 0; + --ha-card-border-width: 0; + --ha-card-box-shadow: none; } ha-fab {