[GH-ISSUE #30] Allow no border stack-in-card #28

New issue

Open

opened 2026-05-07 00:17:34 +02:00 by BreizhHardware · 3 comments

BreizhHardware commented

2026-05-07 00:17:34 +02:00

Owner

Originally created by @nubbymong on GitHub (Nov 4, 2025).
Original GitHub issue: https://github.com/Nezz/homeassistant-visionos-theme/issues/30

Is it possible to update the theme to allow for no borders on internal elements in stack-in-card. Please see the difference between the default theme and liquid glass in attached images (same happens for visionOS). Absolutely love these themes by the way thank you so much.

Originally created by @nubbymong on GitHub (Nov 4, 2025). Original GitHub issue: https://github.com/Nezz/homeassistant-visionos-theme/issues/30 Is it possible to update the theme to allow for no borders on internal elements in stack-in-card. Please see the difference between the default theme and liquid glass in attached images (same happens for visionOS). Absolutely love these themes by the way thank you so much. <img width="366" height="404" alt="Image" src="https://github.com/user-attachments/assets/9d855545-52cb-433c-ae4a-2c5cea8831b3" /> <img width="374" height="412" alt="Image" src="https://github.com/user-attachments/assets/4549abd1-f8cd-40ff-a6f8-53d13144bc16" />

BreizhHardware added the

third party

label

2026-05-07 00:17:34 +02:00

BreizhHardware commented

2026-05-07 00:17:36 +02:00

Author

Owner

@ProjectInkfish commented on GitHub (Dec 1, 2025):

I have gone down the rabbit hole with this issue and there is no way to fix it by adding further card-mod CSS. +1 for fixing this as the theme level please!

@ProjectInkfish commented on GitHub (Dec 1, 2025): I have gone down the rabbit hole with this issue and there is no way to fix it by adding further card-mod CSS. +1 for fixing this as the theme level please!

BreizhHardware commented

2026-05-07 00:17:36 +02:00

Author

Owner

@Nezz commented on GitHub (Dec 1, 2025):

The only way themes can fix how cards work is by applying card-mod, but if there is no way to fix it then sadly we are out of luck. This is a case where a card is nested inside another card, so any theme that uses transparency will look wrong.

@Nezz commented on GitHub (Dec 1, 2025): The only way themes can fix how cards work is by applying card-mod, but if there is no way to fix it then sadly we are out of luck. This is a case where a card is nested inside another card, so any theme that uses transparency will look wrong.

BreizhHardware commented

2026-05-07 00:17:36 +02:00

Author

Owner

@LevyKo commented on GitHub (Jan 7, 2026):

I had a similar problem with a stacked Mini Graph Card. The following code worked for me:
# Mini Graph Card :host(custom-mini-graph-card) ha-card { --ha-card-background: rgba(0, 0, 0, 0); --ha-card-backdrop-filter: none !important; --ha-card-box-shadow: none !important; --ha-card-border-radius: 0px !important; } ha-card.type-custom-mini-graph-card { --ha-card-background: rgba(0, 0, 0, 0); --ha-card-backdrop-filter: none !important; --ha-card-box-shadow: none !important; --ha-card-border-radius: 0px !important; }
It's added at the end of the theme file (yaml).

@LevyKo commented on GitHub (Jan 7, 2026): I had a similar problem with a stacked Mini Graph Card. The following code worked for me: ` # Mini Graph Card :host(custom-mini-graph-card) ha-card { --ha-card-background: rgba(0, 0, 0, 0); --ha-card-backdrop-filter: none !important; --ha-card-box-shadow: none !important; --ha-card-border-radius: 0px !important; } ha-card.type-custom-mini-graph-card { --ha-card-background: rgba(0, 0, 0, 0); --ha-card-backdrop-filter: none !important; --ha-card-box-shadow: none !important; --ha-card-border-radius: 0px !important; } ` It's added at the end of the theme file (yaml).