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

Share your Projects! Themes
, ,
82

First of all, I want to thank @Nerwyn for the work. The release of version 4 is fantastic. Thank you!

In my subjective opinion, the big-slider-card has become an essential part of this theme. However, this addon doesn’t fully provide what I need. Also, it hasn’t been updated for quite a while. So, I made a few small improvements myself:

  1. Added support for switch entities.
  2. Adjusted the padding for better alignment with Google Home: 12px from the left edge to the icon, and 12px from the icon to the name.
  3. Added chip and chip_action options.

chip

  • Type: boolean
  • Requirement: Optional
  • Description: Show mdi:chevron-right icon on the right side
  • Default: false

chip_action

  • Type: object
  • Requirement: Optional
  • Description: Action to take on tap
  • Default: action: more-info

You can place the file in the www folder and add the resource as a JS in the panel settings.
Then for the card use type: custom:big-slider-card-plus

example
example533×718 18.4 KB

1 Like
83

First off. Thank you for this amazing theme!

I just upgraded to the latest version (following the instructions) and everything is working great in a browser. However, in the android app (on multiple devices) the “Style Upgrades” don’t seem to stick through an app refresh. If I “Redownload” the Material You Utilities companion module and reload, everything works great until I close and reopen the Home Assistant app. The custom colors are retained, but the “Style Upgrades” disappear. I’ve tried clearing cache, removing “card-mod” thinking maybe that was causing a conflict, but I can’t seem to get the styles to stick. Any ideas as to what may be causing this? Thanks again for this awesome theme!

84

It might be the sticky cache issue that’s been plaguing several of my projects since I updated their repository names and output files. Have you tried clearing cache through the Home Assistant companion app settings? It was very recently added and can be found in app Settings > Companion app > Troubleshooting (way down near bottom) > Reset frontend cache. That seems to fix this issue for most users. It could also be a caching issue with your public service provider (Cloudlfare, Nabu Casa, DuckDNS, etc).

85

That did the trick! Thank you. I didn’t know that option existed in the app.

1 Like
86

It’s brand new! It was added to the beta a month or two ago and officially released a week ago.

87

I am NOT excited about whatever updates I may have to make due to this.

Edit: The YouTube video makes it look like a much less drastic change.

88

Hey there, awesome theme and appreciate all the work! I updated today to .4 and updated the utilities app as directed. I’m running into a weird issue with my Hue-Like card now where my sliders are not formatted correctly. If I revert to your old theme, the card is back to normal. Any idea on what needs to be changed to sort this?

89

It could be a weird interaction with the new slider styles. I’ll install Hue-Like card and take a look.

90

Appreciate it. I can provide screenshots as needed. If you try it out, I’m using mushroom style sliders with the card.

Edit Does seem to be the new style sliders maybe. When I turn off style upgrades, my sliders are back to normal.

91

I’ve put out a patch which should fix hue-like-light-card styles, among other things.

1 Like
92

Awesome, thanks so much!

1 Like
93

Updated and I’m still seeing the issue. Cleared front-end cache and all. Anything else I should be doing?

lights
lights2388×1664 164 KB

94

Can you share your card config?

95

yep, extremely basic.

  • type: sections
    max_columns: 4
    title: Lights
    path: lights-test
    icon: hue:bulb-group
    sections:
    - type: grid
    cards:
    - type: custom:hue-like-light-card
    title: Living Room
    area: living_room
    slider: mushroom
    - type: custom:hue-like-light-card
    area: kitchen
    slider: mushroom
    - type: custom:hue-like-light-card
    area: bedroom
    slider: mushroom
    - type: custom:hue-like-light-card
    area: rec_area
    slider: mushroom
    - type: custom:hue-like-light-card
    area: basement_living_room
    slider: mushroom
    - type: custom:hue-like-light-card
    area: dining_room
    slider: mushroom
    - type: custom:hue-like-light-card
    area: office
    slider: mushroom
    - type: custom:hue-like-light-card
    area: chase_s_bedroom
    slider: mushroom
    - type: custom:hue-like-light-card
    area: tamsin_s_bedroom
    slider: mushroom
    - type: custom:hue-like-light-card
    area: outside
    slider: mushroom
96

It’s fixed for me with default and mushroom sliders. Can you double check that you’re using theme version 4.0.4 and utilities version 1.0.9?

97

All seems well here. Oddly, the issue persisted through a cache clear, and reboot, but seems to have resolved overnight with no action. Appreciate the help!

98

Looks like HA Core 2025.5.0 update breaks the theme. Everything is fine on 2025.4.4

theme
theme921×990 42.5 KB

99

Try the latest theme and module betas. Another user reported it and I worked on a fix shortly after. It should be fixed there but I wanted some users to spot check it before I release it.

Edit: fixed in the latest version of the theme and module.

100

I’m updated to both the new theme and utilities, but still having the tabs on top with the new core. Cleared front end as well. Any other ideas?

101

It’s probably a cache issue. The theme and module version are listed on the top right of the configuration panel page. The module should be at least 1.0.10.