> Markdown version of [Material Theme](https://vaadin.com/docs/v24/styling/legacy/material-theme). Section index: [llms.txt](https://vaadin.com/docs/v24/styling/llms.txt)

# Material Theme (deprecated since V24.7)

<!-- vale Vaadin.Versions = NO --><!-- vale Vaadin.Will = NO -->

> **Warning: The Material theme will be removed in Vaadin 25.**
>
> Don’t start a new project using the Material theme. Existing projects should consider migrating to the Lumo theme or the upcoming Aura theme in Vaadin 25.

<!-- vale Vaadin.Will = YES --><!-- vale Vaadin.Versions = YES -->

In addition to the Lumo theme, Vaadin components include a built-in *Material* theme, inspired by the original Material Design system by Google.

Although this theme is no longer actively developed, it is still supported in Vaadin 24 for legacy purposes, but not recommended for new applications.

The theme can be applied using the `@Theme` annotation:

```java
@Theme(themeClass = Material.class)
public class Application implements AppShellConfigurator {
    …
}
```

Like Lumo, it has a dark variant applied in a similar manner:

```java
@Theme(themeClass = Material.class, variant = Material.DARK)
public class Application implements AppShellConfigurator {
    …
}
```

The Material theme can be customized using a set of style properties for typography and color.

## <a id="topics"></a>Topics

- [Typography](https://vaadin.com/docs/v24/styling/legacy/material-theme/typography.md): Material theme style properties related to displaying and formatting text.
- [Color](https://vaadin.com/docs/v24/styling/legacy/material-theme/color.md): Tables of colors used in the Material theme.