mirror of
https://github.com/Nezz/homeassistant-visionos-theme.git
synced 2026-05-09 08:25:57 +02:00
[GH-ISSUE #42] [Regression] 1px white/shimmer lines between cards in horizontal-stack on visionOS Light theme [v2.7] #37
Labels
No labels
bug
bug
bug
duplicate
duplicate
pull-request
third party
third party
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference
starred/homeassistant-visionos-theme#37
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @ahwman on GitHub (Feb 8, 2026).
Original GitHub issue: https://github.com/Nezz/homeassistant-visionos-theme/issues/42
• The Issue: Faint white vertical lines appear between cards inside a horizontal-stack when using the latest version of the theme.
• The Evidence: Rolling back to version [2.6.5] completely resolves the issue on the same hardware.
• Environment: * Device: iPad Pro (visionOS theme - light)
• Browser: Safari / Home Assistant Companion App
• Dashboard Scale: (e.g., 100% zoom)
@Nezz commented on GitHub (Feb 11, 2026):
Are those bubble cards? I wonder if the issue is with the fixes applied to them. Can you try removing these lines from the theme?
If that helps, I wonder which of these lines causes that specifically? I'm not a bubble card user because it doesn't support transparency.
@ahwman commented on GitHub (Feb 12, 2026):
I followed your suggestion and removed the following block from visionos.yaml under the card-mod-card section:
/* Bubble card */
:host(.type-custom-bubble-card) ha-card {
background: none !important;
backdrop-filter: none !important;
box-shadow: none !important;
border-radius: 0px !important;
}
:host(.type-custom-bubble-card) ha-card::before {
content: none !important;
background: none !important;
backdrop-filter: none !important;
}
Results:
• Fixed Rendering: The 1px white/shimmering lines between the cards in the horizontal-stack have completely disappeared.
• Layout Restored: The custom:button-card elements inside the Bubble Card container are no longer squashed or misaligned.
• Stability: This resolved the issue on both the latest Home Assistant version and across visionOS (Safari and Companion App).
It appears these lines were stripping the necessary background and blur properties that WebKit needs to align these containers properly. Thank you for the tip!
@Nezz commented on GitHub (Feb 22, 2026):
Fixed in 2.7.1