我的客户正在使用Vaadin开发Web应用程序，并希望基于Vaadin 7.3中现有的Valo主题为项目制作新的主题。 我知道HTML和CSS（SCSS）和一点点jQuery，但就是这些，我是一个网页设计师，如果有的话，编程技能非常有限。我试图了解Vaadin是如何工作的，以及如何创建新主题，但我如何开始有点失落。我试着在互联网上阅读一本'vaadin'和其他资源的书，但是我很难过，因为我不懂Java，大部分都是为程序员而不是设计师编写的。如何在现有的Vaadin中创建新的主题？
任何人都可以解释我在Vaadin的主题原则吗？ 我可以更改什么以及Java控制什么？ 我的CSS会被Java覆盖吗？我可以在哪里更改/禁用此类行为？ 我在哪里可以找到vaadin中可用的css规则/类的列表？ 你知道设计师的任何Vaadin资源吗？
用vaadin你不需要知道java创建/修改主题。 Vaadin 7使用SASS来简化CSS管理。 它需要你了解sass，互联网上有很多教程可用，例如this one。
出发点是肯定this link在vaadin和web page for the valo theme本身。 在demo page上，您会看到哪些组件可用/调整为瓦洛。
如果您希望查看css术语中的样式，请查看vaadin-themes-7.3.5.jar文件。 在文件夹VAADIN \ themes \ valo \ components中，您将看到每个组件的scss文件。在那里您还可以看到您可以用于sass编译的变量。
从scss定义生成CSS文件的步骤通常在vaadin的构建步骤中自动执行。
瓦洛的美妙之处在于，它是一个主题，通过玩主题变量来高度自定义。 这意味着你可以改变它的外观与几个简单的修改在
的WebContent \ VAADIN \主题*应用程序名称**应用程序的名字* .scss
在同一个文件就可以了，当然，添加自己完全独立的风格。 默认情况下，组件设置为使用其“valo风格”。对于每个组件，您可以决定添加或删除一些组件。目前已经有一些内置的定制像ValoTheme.BUTTON_DANGER在ValoTheme类的组件将呈现正常Valo的按钮，但颜色在变$ V-错误指示器颜色设置。
在同一文件夹styles.scss应该用于导入的最终子SCSS您可能需要。这用于以[appname-]作为应用程序样式的前缀，因此它们不会与其他样式名称发生冲突。
styles.css的是实际的CSS文件中的应用程序将使用，必须为“编译主题”来更新它
独自离开插件。scss因为是内部框架使用。
很好的出发点是
https://vaadin.com/book/-/page/themes.valo.html章
https://vaadin.com/wiki/-/wiki/Main/Valo+Examples（一些Valo的准备自定义，你会看到如何用一些调整整个应用程序变化很大，你可以看到他们在Valo示例，甚至在Vaadin采样器中）
良好的造型！问候