Данная страница позволяет переопределять SCSS переменные которые управляют стилизацией приложения, и создавать новые.
Переменные определяются в теме Valo (Vaadin) и теме Halo (платформа CUBA).
Переменные темы Valo
читаются из SCSS файлов, расположенных в в каталоге \VAADIN\themes\valo
артефакта vaadin-themes
.
Переменные темы Halo читаются из SCSS файлов расположенных всех компонентов приложения.
Когда переменная переопределяется или задается новая, она записывается в файл halo-ext-defaults.scss, который генерируется при наследовании темы Halo.
Пиктограмма, расположенные в первой колонке таблицы, отображает статус переменной:
halo-ext-defaults.scss
проекта. Нажатие кнопки сбрасывает переменную в значение по умолчанию (т.е. она удаляется из файла проекта).
- показывает, что значение задано в одном из компонентов приложения, т.е. является значением по умолчанию.
halo-ext-defaults.scss
проекта. Нажатие кнопки удаляет определение переменной.
Панель, расположенная ниже таблицы, отображает описание выбранной в данный момент переменной. Описание извлекается из комментариев в файле SCSS.
В правом верхнем углу страницы расположены элементы выбора цвета: кнопка с пиктограммой
позволяет вставлять в поле значения переменной Hex-код выбранного цвета. Панель выбора цвета доступна по клику на квадратное цветовое поле справа от кнопки.