home-assistant
WearOS M3 components
Is your feature request related to a problem? Please describe. Google has released updated components for WearOS apps with material 3 expressive components that would be nice to have in the WearOS app.
Describe the solution you'd like There are many different pieces to upgrading a WearOS app to apply M3E and wanted to compile the different resources for upgrading to M3E in one place.
Migrate from Material 2.5 to Material 3 in Compose for Wear OS
Migrate to Tiles 1.5 / ProtoLayout 1.3 (Material 3 Expressive)
Replace Roboto font with Roboto Flex
Overview of "Levels of expression" Excellent is required.
Describe alternatives you've considered, if any No, just wanted to compile the different resources since upgrading a WearOS app to M3 has many new components not previously in WearOS
Additional context This Android Developer article goes over the general new features in WearOS design
The current Shortcuts tile follows the design of the Google Home app. The Google Home app is updating the design for it's shortcut tile to look like this with larger buttons with a more defined container button which is easier to press and I think the HA shortcut tile could benefit from this.
Tiles are also recommend to use containers and I think the thermostat tile could benefit from this. You can see the current thermostat tile in the screenshot above and this is how a thermostat is shown in the Google Home app
Updating the design of the Thermostat to be in a Container like the GH app would be a simpler and cleaner look that fits with the new M3E tiles and the refresh button at the bottom could stay there like it currently is.
The current Shortcuts tile follows the design of the Google Home app.
(The Home Assistant app was actually first on Wear OS by quite some time, they either were inspired by HA or arrived at the same design independently.)
I implemented the thermostat tile you included as screenshot and I can probably have a look in the next few weeks to see whether I can update it.
