Vaadin改变主题

Question

如何编辑Vaadin中的给定主题。

我使用IntelliJ Idea开发我的Vaadin-App，并希望编辑像valo这样的现有主题。 在我的项目中，我没有像VAADIN或Webcontent这样的文件夹。

这是我的想法 - 项目：

如何创建scss文件来编辑我的应用程序的样式？ 我使用Vaadin 7，IntelliJ Idea 15.0.2和Java 1.7。 要更改我使用的现有主题

@Theme("valo")
public class MyVaadinApplication extends UI {
    ...
}

Answer 1

在这种情况下，您必须将自定义主题放在web / VAADIN / themes / mytheme中 通过右键单击mytheme文件夹添加scss文件并输入eg。 ＆＃34; style.scss＆＃34;

如果您使用Maven创建了Project，则可以使用vaadin插件正确编译scss代码。

请务必阅读https://vaadin.com/docs/-/part/framework/themes/themes-creating.html，了解有关如何创建自己主题的更多信息。