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

Question

По умолчанию мы можем применить стили к приложениям весенней загрузки vaadin, пометив класс пользовательского интерфейса с помощью@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

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

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

Быстрая подсказка:

Не требующий времени способ:

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

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