v3.14.0 – HA theme variable integration
Improvement
Cards now inherit HA theme styling. Background, border, border-radius, and box-shadow are read from HA CSS variables, so the cards blend seamlessly with any theme.
CSS variables used
| Property | Variable | Fallback |
|---|---|---|
| Background | --ha-card-background |
Theme-aware rgba |
| Border radius | --ha-card-border-radius |
25px |
| Border color | --ha-card-border-color |
Subtle 6% rgba |
| Box shadow | --ha-card-box-shadow |
none |
What changed
- Removed hardcoded opaque
rgba(30,33,40,0.95)backgrounds from card containers - Removed
backdrop-filter: blur(20px)from all cards - Zone/slot rows now use subtle
rgba(255,255,255,0.04)overlays instead of opaque backgrounds - Hover and expanded states use slightly stronger overlays
Result
Cards blend seamlessly with Bubble Card, transparent themes, glassmorphism themes, and any custom HA theme. Both MTX and XMP44 cards (including the slot card) are updated.