Releases: brandon-claps/homeassistant-frosted-glass-themes
v1.3.9
v1.3.9
Bug Fix
- Revert glass-breaking changes: Removed
contrast(0.4)frombackdrop-filterand restoredha-card-backgroundalpha to original values. These changes from v1.3.8 caused mushroom cards (and potentially other cards) to lose their frosted glass transparency.
Retained from v1.3.8
- Dialog opacity increased in dark mode (wessamlauf#123)
- Glance card glass effect enabled (wessamlauf#102)
- Streamline-card exclusion for bubble card compatibility (wessamlauf#107)
- Empty card edit mode fix (wessamlauf#110)
- Dark mode button color fix (wessamlauf#90)
v1.3.8
Fixes
- wessamlauf#102: Removed forced glance-card exclusion — glance cards can now receive the frosted glass effect
- wessamlauf#107: Added streamline-card wrapper exclusion to fix bubble card misalignment when rendered via streamline-card
- wessamlauf#110: Added
card-mod-view-yamlto give empty cards a minimum height in edit mode (HA 2025.11+) - wessamlauf#113: Lowered
ha-card-backgroundfallback opacity from 0.9 to 0.4 so the glass::beforelayer is visible before card-mod loads - wessamlauf#116: Added
contrast(0.4)tobackdrop-filterfor improved text legibility against busy wallpapers - wessamlauf#123: Increased dark mode dialog surface opacity from 0.92 to 0.97 for better readability
- wessamlauf#90: Added
control-button-background-colorvariable for dark mode button visibility
v1.3.7 – Restore header blur without breaking dropdowns
Changes
- Restored frosted glass blur effect on the dark mode header
- Uses
::beforepseudo-element technique (same as cards) to applybackdrop-filterwithout creating a CSS containing block - Dropdowns remain fully functional — no more positioning issues
- Version bump to 1.3.7
v1.3.6 – Header fix
Changes
- Fix header styling for improved visibility and compatibility
- Version bump to 1.3.6
header bug fix
Merge pull request #4 from brandon-claps/claude/bump-version-1-3-4-pT3Gu Bump version to 1.3.4
bug fix on header
v1.3.3 Merge pull request #3 from brandon-claps/claude/fix-header-gradient-8…
v1.3.2 – Fix dropdown positioning
What's Fixed
Dropdown positioning bug: Select dropdowns (e.g., in entity config dialogs) were rendering in the wrong location due to backdrop-filter on parent containers creating CSS containing blocks that trapped position: fixed popup elements.
Changes
- Removed
backdrop-filterfrom header, dialogs, sidebar, label badges, and input containers - Replaced with more opaque backgrounds to preserve visual appearance
- Applied across all 3 full-blur themes (Frosted Glass, Frosted Glass Dark, Frosted Glass Light)
- Lite themes unaffected (they don't use
backdrop-filter)
Technical Details
Per CSS spec, backdrop-filter on any ancestor element creates a new containing block for position: fixed descendants. Home Assistant's mwc-menu-surface dropdown uses position: fixed positioning — when trapped inside these containing blocks, the popup rendered relative to the ancestor instead of the viewport.
The fix removes backdrop-filter from all containers that can hold dropdown selects, compensating with higher background opacity. Card glass effects (ha-card::before) are unaffected since pseudo-elements don't create containing blocks for sibling elements.
Full Changelog: v1.3.1...v1.3.2
v1.3.1 – Dropdown fix & bug fixes
What's Changed
Dropdown Fix
- Fixed dropdown menus rendered off-screen or invisible when using full-blur themes. The root cause was
backdrop-filter: blur()onha-selectcreating a CSS containing block that trappedposition: fixeddropdown popups. The blur effect is now applied via a::beforepseudo-element instead.
Bug Fixes
- Fixed corrupted CSS custom properties —
#comments inside YAML|literal blocks were passing through as literal text to CSS, corrupting values for--ha-card-glass-tint,--ha-card-glass-inset-shadow, and other properties. All converted to/* */CSS comments. - Fixed orphaned token variables in Light Lite and Lite (light mode) themes —
--token-*CSS variables were declared outside:host {}and had no effect. - Completed Dark Lite theme — added missing card-mod-root CSS sections (sidebar, cards radius, drawer scrim, label badge, inputs, text divider).
- Fixed invisible checkboxes/radios on Dark Lite — unchecked colors were using light-mode dark values (
rgba(19, 21, 54, 0.75)) instead of light values for dark backgrounds (rgba(234, 235, 238, 0.75)). - Fixed
mush-rgb-greystray)in light-mode themes.
Affected Themes
All 6 theme variants updated: Frosted Glass Light, Dark, auto-switch, Light Lite, Dark Lite, and Lite.
Full Changelog: v1.3...v1.3.1