Skip to content

5.0.10 - Material Expressive

Choose a tag to compare

View all tags
@Nerwyn Nerwyn released this 27 Mar 03:13
5.0.10
3454909

Changes in 5.0.10

  • 2026.4.0 add updated text field background and section border radius tokens.
  • Remove view background token.

Material Expressive

In May of 2025 Google announced that Android 16 includes a major update to Material Design 3 - Material 3 Expressive. Material Expressive introduces updated dynamic color themes, component designs, and animations. I'm proud to say that this theme and its companion module have been updated to follow the updated Material 3 Expressive specifications.

This update requires at least Material You Utilities version 2.0.0 to function properly. Most changes are made in the companion module, but this update includes new and updated material design system tokens for expressive colors and animations.

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.
  • Tokens for card backdrop filter and bottom sheet handles.
  • Remove bubble card popup background color, conflicts too much with bubble card settings.
  • Add bubble card list item border radius.
  • Add xiaomi map card colors.
  • 2026.4.0 add updated text field background and section border radius tokens.
  • Remove view background token.

Full Changelog: 4.0.9...5.0.10

Assets 2
Loading