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

agreed there, it seems be, however I can’t clear it. I’ve cleared front end, restarted HA, etc. How else can this get cleared that I’m missing?

I had to delete the www/community/ha-material-you-utilities folder, replace ha-material-you-utilities with material-you-utilities in configuration.yaml and in the js path in resource management. Then reboot the system. It worked

I already had my configuration.yaml updated. removed the folder, rebooted, no change. I’m sure I’m missing something, but everything is lining up with what you noted.

If you also fixed the js path in resource management then I have no more ideas.

I also noticed that after the update, the bottom shadow is cut off on the top chips.


It looks the same on both smartphone and PC. This does not happen on the other tab. So there is probably some conflict with the markdown card (“Home”).

Can you explain this more? I thought I have everything updated, but you say resource management which is throwing me off. I have the utilities app installed according to the readme directions.

I mean
🖉 Edit dashboard > ⋮ Open dashboard menu > Manage resources
I had the wrong path there with “ha-”. Maybe you have the same

Thanks. I suspected that was what you meant, but I do have it right.

/hacsfiles/material-you-utilities/material-you-utilities.min.js?hacstag=9677371531010

@travishamockery another user did a good writeup on clearing sticky cache here for another project of mine.

The copy loaded at 🖉 Edit dashboard > ⋮ Open dashboard menu > Manage resources shouldn’t actually be used, as the entry in configuration.yaml loads faster and the module has a check to prevent itself from running twice.

@maksym-ivchenko I noticed that markdown cards are rendered slightly different this release and wouldn’t doubt if the cut off chip shadows was a bug with that. It likely has a background color that’s interfering with the chip.

Thanks! I just ran through the steps and I am still stuck on the prior utilities version. HACS shows the right one installed. I’ve rolled back, updated again, etc. Just can’t clear this out.

I’m also running the entry in the configuration.yaml also. Should I delete it from manage resources?

The frontend resources list doesn’t matter, and it would just get added back on update anyway. Check your config/www/community folder to see if it has both ha-material-you-utilities and material-you-utilities. The latter is the newer/correct name, the former is from before I submitted it to HACS for inclusion in the default repositories list.

I do not have the ha-material-you-resources there. Only the material-you-utilities. I do not have any thing noting the ‘resources’ part. Should I?

Sorry I meant material-you-utilities, fixed the comment above.

Updated to the new update last night late, still had the same issue of it not fixing the tabs back to the bottom, despite it actually showing the correct version now. I let it sit overnight and it somehow automagically fixed. All seems working, just wanted to report back.

1 Like

Spoke too soon. Rebooted while fixing a z-wave issue and I’m back to tabs on top and the extra large profile picture in the side panel.

edit
comically, I just updated the core .1 update and now the tabs are on the bottom, but HUGE. See below.

It seems that home assistant has declared war on this theme :upside_down_face:

Check your themes folder to see if the material_rounded folder still exists. If it does delete it, it’s likely overwriting the v4 themes.

My theme is also broken after the Core update. Not only the bottom menu stopped working, but also all the roundness on the sidebar just vanished, being set back to the standard HA theme.

Is there anything I could do to fix it (please explain step by step, if so)? Or do we need to wait for an update?

The 2025.5.0 update fix has already been released. Update the theme and module via HACS. If the fix doesn’t work after a refresh, then your browser/device/external web cache is stuck serving an old version of the module.

For me everything works but “(Optional) Applying Custom Styles and Card Variants” not. I try to apply:

/* Filled Card */
body {
	--ha-card-background: var(--md-sys-color-surface-container-highest);
	--ha-card-box-shadow: none;
} 

from all-cards.css but not working for me.