Как получить Vaadin Valo Facebook Theme

Question

Итак, я новичок в Vaadin, но мне интересно использовать тему «Facebook», как показано в их демонстрации здесь: https://demo.vaadin.com/valo-theme/#!buttons-and-links (а затем выберите «Facebook» в верхнем правом углу). Но, загружая последнюю систему Vaadin 12, я не могу понять, как получить «Facebook» им. Документация только подразумевает, что «Свет» и «Материал» доступны .... Как получить тему Facebook, если я считаю, что это «лучшее» для моего приложения?

Answer 1

Тестовое приложение, которое вы связали (https://demo.vaadin.com/valo-theme/#!buttons-and-links), демонстрирует особенности темы Valo в Vaadin 7 и 8. Так что это не относится напрямую к Vaadin 10+, например, Vaadin 12. В Vaadin 12 есть новая система тем под названием Lumo. И, как вы заметили, есть два базовых варианта. Этот вариант "facebook" для Vaadin 8 реализован путем установки нескольких внутренних переменных SASS в Valo (см .: https://github.com/vaadin/valo-demo/blob/master/src/main/webapp/VAADIN/themes/tests-valo-facebook/_variables.scss)

В системе тем Lumo вы можете достичь чего-то похожего, используя пользовательские свойства CSS. Вы можете найти некоторую информацию об используемых пользовательских свойствах здесь: https://cdn.vaadin.com/vaadin-lumo-styles/1.3.3/demo/customization.html Таким образом, установив выбранные свойства аналогичным образом, вы, скорее всего, сможете достичь чего-то похожего.