starred/homeassistant-visionos-theme

Fork 0

mirror of https://github.com/Nezz/homeassistant-visionos-theme.git synced 2026-05-09 08:25:57 +02:00

[GH-ISSUE #43] White border-line within auto-entities #39

New issue

Closed

opened 2026-05-07 00:17:44 +02:00 by BreizhHardware · 6 comments

BreizhHardware commented

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

Owner

Originally created by @idominiki on GitHub (Feb 9, 2026).
Original GitHub issue: https://github.com/Nezz/homeassistant-visionos-theme/issues/43

Hi!

I have a white border-line within auto-entities while using bubble-card.

Do you have any ideas?

Thanks
Dominik

Originally created by @idominiki on GitHub (Feb 9, 2026). Original GitHub issue: https://github.com/Nezz/homeassistant-visionos-theme/issues/43 Hi! I have a white border-line within auto-entities while using bubble-card. <img width="405" height="281" alt="Image" src="https://github.com/user-attachments/assets/2c9c96f8-cbbc-486a-93b1-f7c6821e95bb" /> Do you have any ideas? Thanks Dominik

BreizhHardware closed this issue

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

BreizhHardware commented

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

Author

Owner

@idominiki commented on GitHub (Feb 9, 2026):

Fixed this behavior while adding the following to theme.yaml

 card-mod-card: |
    ha-card {
      backdrop-filter: unset !important;
      border-radius: 28px !important; # prevent white border lines while using auto-entities
    }

@idominiki commented on GitHub (Feb 9, 2026): Fixed this behavior while adding the following to theme.yaml ``` card-mod-card: | ha-card { backdrop-filter: unset !important; border-radius: 28px !important; # prevent white border lines while using auto-entities } ```

BreizhHardware commented

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

Author

Owner

@Nezz commented on GitHub (Feb 10, 2026):

Thanks, I'll add it the theme!

@Nezz commented on GitHub (Feb 10, 2026): Thanks, I'll add it the theme!

BreizhHardware commented

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

Author

Owner

@idominiki commented on GitHub (Feb 10, 2026):

Hey @Nezz

One more additions:

.bubble-temperature-container {
      background-color: var(--bubble-sub-button-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background))))) !important;
    }

To make temperature container background transparent like sub-buttons.

Before:

After:

@idominiki commented on GitHub (Feb 10, 2026): Hey @Nezz One more additions: ``` .bubble-temperature-container { background-color: var(--bubble-sub-button-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background))))) !important; } ``` To make temperature container background transparent like sub-buttons. Before: <img width="1154" height="146" alt="Image" src="https://github.com/user-attachments/assets/ba15b652-4e63-4fc1-b289-1fb80900431a" /> After: <img width="1164" height="160" alt="Image" src="https://github.com/user-attachments/assets/c01484a5-3f40-4297-9e20-669890bd68d9" />

BreizhHardware commented

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

Author

Owner

@idominiki commented on GitHub (Feb 10, 2026):

And if someone want to make bubble-header container transparent:

.bubble-close-button {
      background: none !important;
    }
.bubble-header .bubble-button-container {
  background: none !important;
}

But this is personal taste.

@idominiki commented on GitHub (Feb 10, 2026): And if someone want to make bubble-header container transparent: ``` .bubble-close-button { background: none !important; } .bubble-header .bubble-button-container { background: none !important; } ``` <img width="2340" height="130" alt="Image" src="https://github.com/user-attachments/assets/4d514c50-06f0-485f-8b1a-f3e269341a19" /> But this is personal taste.

BreizhHardware commented

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

Author

Owner

@Nezz commented on GitHub (Feb 11, 2026):

How are your bubble cards transparent? I just installed it to try it out and it uses var(--secondary-background-color) which isn't transparent.

@Nezz commented on GitHub (Feb 11, 2026): How are your bubble cards transparent? I just installed it to try it out and it uses `var(--secondary-background-color)` which isn't transparent. <img width="600" alt="Image" src="https://github.com/user-attachments/assets/5ec45692-2b8c-40ac-a564-3a6aa34e372d" />

BreizhHardware commented

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

Author

Owner

@idominiki commented on GitHub (Feb 11, 2026):

How are your bubble cards transparent? I just installed it to try it out and it uses var(--secondary-background-color) which isn't transparent.

I'm using bubble-card module Liquid Glass https://github.com/Clooos/Bubble-Card/discussions/1809

@idominiki commented on GitHub (Feb 11, 2026): > How are your bubble cards transparent? I just installed it to try it out and it uses `var(--secondary-background-color)` which isn't transparent. > > <img width="600" alt="Image" src="https://github.com/user-attachments/assets/5ec45692-2b8c-40ac-a564-3a6aa34e372d" /> I'm using bubble-card module Liquid Glass https://github.com/Clooos/Bubble-Card/discussions/1809