Theme Variables

Данная страница позволяет переопределять 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-код выбранного цвета. Панель выбора цвета доступна по клику на квадратное цветовое поле справа от кнопки.