Documentation versions (currently viewingVaadin 23)
Check out the new styling guides

Styling Flow Applications

You can customize styling with CSS style sheets.

Vaadin uses Cascading Style Sheets (CSS) to separate the appearance of the user interface from its logic. Themes, which are a feature of the Vaadin Design System, are the standard way to organize styles in a Vaadin application.

To style your application and components, you should be comfortable writing CSS. The CSS tutorials on MDN Web Docs are a great way to learn the basics of CSS.

For further reading, see the Styling chapter.