Использование нескольких тем в приложении весенней загрузки vaadin

Question

По умолчанию мы можем применить стиль к приложениям весенней загрузки vaadin, аннотируя класс UI с помощью @Theme(themename). В моей конкретной ситуации я написал аннотацию @Theme(ValoTheme.THEME_NAME), но это еще не конец. К сожалению, я не понял, как установить фон для макета, не имея дело с css и дополнительными файлами (и это кажется единственным решением, неизбежным).

Как использовать обе темы valotheme и custom (только для настройки фонового изображения) одновременно?

Большое спасибо за предложения

Answer 1

Вы можете расширить тему Vaadin в вашей собственной пользовательской темы. Если продлить тему Valo в вашей теме, то вы получите Valo тему плюс свои собственные настройки и дополнения:

@import "../valo/valo.scss"; 

@mixin mytheme { 
    @include valo; 

    // your own scss here 
} 

Answer 2

После enumorous попытки сделать это, я был вынужден перейти на CSS стайлинга файлов. С учетом сказанного - мне пришлось совместить ValoTheme и мой собственный «стиль».

Для Спринг загрузки Devs: Изначально Spring загрузка не будет создавать какие-либо предварительные настройки для пользовательских стилей (Vaadin плагин для Eclipse, и Netbeans делает это), так что вы должны создавать папки вручную: src/main/webapp/VAADIN/themes/<yourthemename>/ и место необходимых файлов CSS там ,

QuickTip:

времени меньше потребляя путь:

1. Сделать новый проект Vaadin здесь: Link
2. Найдите папку темы и копировать-вставить в свой проект
3. сотворите не забывайте комментировать пользовательский интерфейс с @Theme("myTheme")

Надеюсь, что это поможет кому-то