Vaadin 7 custom theme doesn't work

Hello! I’d like to be able to add icons to “reindeer” theme. I created a folder VAADIN\themes\mytheme. Inside this folder I put a folder with the images and file styles.css. Styles.css contains only one string @import “…/reindeer/lstyles.css”; Main class contains an annotation @Theme(“mytheme”).
Running program I see that the style is not applied. Layouts, colors, etc are not working. Where is my error?


You need to import the “…/reindeer/legacy-styles.css”, since you’re using plain CSS and not Sass/SCSS. The normal reindeer/styles.css has all selectors prefixed with .reindeer which causes it now work since your theme name is different (“mytheme” in this case).

I tried to do so, but both …/reindeer/legacy-styles.css and …/reindeer/styles.css don’t work

Have you mapped your servlet to process request to the VAADIN path as well? Check with the browser that you can access e.g. http://locahost:8080/myapp/VAADIN/themes/reindeer/legacy-styles.css