The Material theme for Vaadin Core Elements is an implementation of Google’s Material design specification that adapts all Vaadin Core Elements to blend in with other Material design styles.
You can use Vaadin Core Elements and the Material theme on their own or mix it together with Polymer’s Paper elements or any other Material design styled elements.
To start using the Material theme for Vaadin Core Elements, you need to install at least one Vaadin Core Element (such as vaadin-text-field) and the vaadin-themes package.
After installing, import the main theme file in your app, and any element specific theme files you need. Here, we are importing the theme for vaadin-text-field:
On top of element specific styles the theme offers consistent typographic styles, a set of theme colors you can use and a way to set consistent sizing and spacing for different parts of your app.
To adjust the theme, you can either: