我的客戶正在使用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採樣器中）
良好的造型！問候