Animations

Material Expressive comes with a new motion physics system. Transitions now have more bounce and will slightly overshoot their final values before stopping. These transitions have been added to the theme variables for use by the companion module.

Semantic Color and Palette Harmonization

This theme now redefines semantic colors such as red, blue, warning, success, energy, etc. While the default values are the same as the default Home Assistant theme, they can now be harmonized to be closer in hue to the theme primary color using the companion module. See the companion module release notes, README, and this article to learn more.

Similarly, this theme now defines palettes for a few semantic colors (orange, red, and green) introduced in Home Assistant 2025.8.0, and will harmonize them if enabled in the companion module. It also includes a primary palette which is always recreated by the companion module.

Breaking Changes

The explicit light and dark versions of the theme have been removed. Instead CSS files have been provided that can be applied as frontend resources or using the companion module which will force the theme to always be in light or dark mode.

Patch Version Changes

• Increase ha-button border radius to be the same as button height, making border-radius hover/press morph more expressive.
• 2025.10.0 ha-slider token fixes #119.
• 2025.11.0 ha-wa-dialog tokens.
• Change default font to Google Sans Flex #132.
• Use --ha-view-sections-narrow-column-gap for mobile screen size sections view side padding instead of row gap #134.
• Fix/remove monospace font family token.
• Add Home Assistant and Web Awesome tokens for box shadows, focus rings, surfaces, and border tokens.
• Set redundant dialog scrim backdrop filter to none.
• 2026.2 remove header bottom border #144.
• Fix tooltip tokens #146.

Full Changelog: https://github.com/Nerwyn/material-you-theme/compare/4.0.9...5.0.7