Vaadin 24.4 integrates with React, unifies Flow and Hilla development, and more!

Community Answer: Creating new Vaadin Themes in Spring Applications

Alejandro Duarte
Alejandro Duarte
On Dec 13, 2017 9:34:00 AM

This answer is inspired by a question I found in one of my videos on YouTube:

I thought it would be cool to show not only how to add a new Vaadin theme in an existing Spring Boot application, but also how to modify the theme in order to give the app a totally different look, by using only a few lines of Sass.

But let’s see the answer to the original question first:

That’s right. Instead of placing the new Vaadin theme in the webapp/VAADIN/themes/ directory, add it to the resources/VAADIN/themes/ directory in a Spring application.

But there’s more! If your theme is based on Valo, you’ll gain some extra powers. See them in action in the following video:

The source code is available on GitHub.

Stay tuned and see you next week with another community inspired answer!

Alejandro Duarte
Alejandro Duarte
Software Engineer and Developer Advocate at MariaDB Corporation. Author of Practical Vaadin (Apress), Data-Centric Applications with Vaadin 8 (Packt), and Vaadin 7 UI Design by Example (Packt). Passionate about software development with Java and open-source technologies. Contact him on Twitter @alejandro_du or through his personal blog at
Other posts by Alejandro Duarte