Material Rounded Theme

Material Rounded theme for Home Assistant influenced by Material You on Android.

This theme aims to match the styling of the Google Home app as closely as possible, so it may change over time as the style of the Google Home app changes.

Relies on card-mod for header/footer modifications. If you have card-mod installed and do not want these changes to apply, use the "No Mod" versions of this theme.

This theme also includes "Transparent Card" versions with card backgrounds that match the view background.

Screenshots

Tiles

Compared to Google Home

Light cards made using Big Slider Card.

Installation

1. Navigate to HACS (install from here if you do not have it yet).
2. Navigate to Frontend.
3. Click + EXPLORE & DOWNLOAD REPOSITORIES and search for Material Rounded Theme.
4. Open this repository in HACS and click DOWNLOAD.
5. Refresh Home Assistant.
6. Navigate to your Profile, and select Material Rounded under Theme along with your preference for light or dark mode.

Card Mod Powered Footer

This theme uses card-mod to:

• Turn the toolbar header into a footer.
• Remove the selection bar.
• Space the view icons evenly along the entire toolbar.
• Add the view name below the icon.
• Highlight the current view with a colored icon and background behind the icon.
• Add a 12px margin to each side of the view.

If you do not want these changes, use the "No Mod" versions of the theme.

Similar Projects and Credits

Big Slider Card

Use Big Slider Card to create Google Home style button/slider cards for light entities. Use the following style settings to match the screenshots:

colorize: true
show_percentage: true
bold_text: true
height: 88

And for lights that do not have brightness control:

color: sandybrown
show_percentage: false
bold_text: true
height: 88
max: 0

Material Symbols

Check out Material Symbols to use updated material icons, as shown in the screenshots!

Graphite Theme

This theme was initially modified from the Graphite theme, as it was my favorite Home Assistant theme on HACS before I created this one. Therefore, it contains similar logic and variables.