Skip to content

Example 99: Material 3 Theme converter and viewer

This view requires one of the Home Assistant Material 3 Themes

The example uses the dynamic Material 3 D07, DarkOliveGreen theme.

Material 3 Theme Palette example The pallette


Material 3 Theme Surface example The surfaces


Material 3 Theme Light mode example The Light Mode


Material 3 Theme Dark mode example The Dark Mode

Visualization

This visualization shows the currently active Material 3 theme.

It mimics the display created by the Figma Material 3 builder plugin.

Check the Material 3 themes manual for more info.

How to make it work in your own installation

In general

View and Card Configuration

Lovelace view

file location included from
view-sake99-m3.yml /lovelace/views sak-examples-dashboard.yaml

Decluttering templates

TBD

SAK templates

TBD

name file
tbd tbd.yaml