Documentation versions (currently viewingVaadin 14)

You are viewing documentation for an older Vaadin version. View latest documentation

Theme Editor

Where to Put the CSS

Instead of HTML imports and <custom-style>, which were used in earlier Vaadin versions, you should place the CSS in your custom theme’s document root style sheet. For example, frontend/themes/my-theme/document.css.

The CSS inside the "button-style" and "text-field-style" <dom-module> elements (in the editors output) should be placed in the corresponding component style sheets in your custom theme. For example, frontend/themes/my-theme/components/vaadin-button.css and frontend/themes/my-theme/components/vaadin-text-field.css.


The theme editor is not an officially supported tool, but you can still let us know if you have any issues with it or wish us to develop it further.