Material You Theme - A Fully Featured Implementation of Material Design 3 for Home Assistant

Just following up here. I can’t tell if I’m doing something wrong or if Bubble-card just isn’t supported:

I’m using sections since beta. I will try again when I’m back home and will report back. Hopefully it really is just an bug with caching / nabucasa.

I really apreciate your help, time and all your custom extensions for HA. :grin:

Sadly that didn’t help either. :confused:

See this discussion thread. Bubble cards have their own unique style and tokens and do not match Home Assistant cards by default. This is respected in the theme, and bubble cards do look somewhat different while still using material design theme properties. You can make bubble cards look like default cards and vice versa using the styles provided in that discussion thread.

Ah thanks you! Looks like it has to be done individually per card but still better than nothing, thanks again.

Am I the only one using this theme on Version 5.1 / 5.2? When I load 5.1 or 5.2 I cannot change dashboard views. I simply cant click the icons so I keep having to revert to version HA 4.3.

You need to update to the latest version of the theme and module, and then thoroughly clear cache as described here to ensure that the latest version of the module with the 2025.5.0 fix is used instead of an older one.

1 Like

Oh well look at you helping me fix my problem I’ve been having for 3 weeks…. Touché…

1 Like

Now that Material You Expressive has been debuted, will you be making a version of this theme that matches MYE?

2 Likes

Eventually, when I have the time. It’ll be an update to the current theme and module, not a separate thing. From what I’ve seen so far it’s a much less dramatic change than they’re making it out to be. The real big changes are Android specific and wouldn’t be covered by this theme/module. Still things like the navigation bar/rail should get decent style upgrades. The new expressive color scheme requires Google updating the Material Color Utilities package to include the new color specs (the old expressive scheme currently available in the module is based on 2021 color specs). I’ve already put in an issue with that repository asking them to update the npm package.

3 Likes

It turns out I had the time.

Material Expressive is beta / release candidate ready. Feel free to install it (both the new theme and module major versions are required) and provide any feedback you have in the issue thread. These releases will remain in beta until Android 16 QPR1 is officially released (I’m not on the Android beta), at which point I’ll be able to better compare it against the official implementation.

The companion module is now on HACS! Which is super surprising because I thought it was going to take another 6 months considering how long my previous submissions took. They really worked hard to clear their submission back log over the last few weeks.

4 Likes

I tried the beta version. Overall I liked it. Although some things will take some getting used to. So far I have noticed one bug. The “x” button to remove an item from the menu does not work. When you click on it, nothing happens.


Also, maybe I’m missing something, but I don’t see any difference between Specification Version 2021 and 2025. Switching between them doesn’t seem to work at all.

Nice catch, I hadn’t tested the sidebar edit mode. It’s fixed in the latest beta.

Are you sure that the beta is fully working for you? I can see in your screenshot that the sidebar item’s indicator is full width when it should only cover the length of the title in the update, like shown here. You may have to thoroughly clear cache.

For most schemes the 2025 spec colors are darker, but for the expressive and vibrant schemes the palettes have been significantly changed. Material color utilities (the package used to generate the color themes) hasn’t had a new release to reflect the updated color palletes, and I’m instead using a nightly build of the npm package setup by another user. I imagine that the 2025 color specifications can change before it gets an official update.

1 Like

Unfortunately I didn’t save the original screenshot, so I took a new one after I switched back to the stable version. I added it just to show what I meant

I updated Utilities to version 2.0.0-beta.026 but the “x” button still doesn’t work. This time I saved a screenshot

1 Like

It seems to work on desktop but is inconsistent on mobile, like something else is blocking the tap if you don’t tap the button quickly enough. I switched back to the default theme and it has the same issue on mobile. Try checking the buttons on desktop.

Aren’t the card backgrounds too dark when using elevated card style? Personally I think they are way too close to the color of the backround, at least in dark mode (don’t use light mode so can’t speak for that). Tried a couple schemes but all of them have more or less the same issue, examples are from neutral and expressive. All other apps using material ui have more contrast between the backround and the cards, including google home. Currently with this theme has quite bad readability as there’s simply not enough contrast. Other card styles are better in this regard, but if not for this small issue, I think I’d prefer elevated. The issue is definitely worse on my phone (Pixel 7), but even on my calibrated monitor, I think it still could use a bit more contrast.