Темы оформления

Тема оформления — это набор переменных шаблонизатора CSS, которые описывают цветовую гамму и геометрию элементов верстки веб-приложения.

Любой Wasaby-контрол может быть оформлен специальным образом для поддержки темы оформления. Для темизации контрола ему необходимо установить опцию theme:

<Controls.input:Text theme="cloud"/>

Значение опции theme наследуется при вложенности контролов друг в друга. Это значит, что опцию theme достаточно установить на корневом элементе приложения.

Создавать новые модули темы оформления нужно в очень редких случаях, когда необходимо уникальным образом параметризировать внешний вид вашего контрола. В большинстве случаев при решении задач стилизации контролов создавать модули тем не требуется и необходимо использовать функционал готовых css-классов.

Темизация при помощи css-переменных

Поддерживается возможность темизировать контролы при помощи css-переменых.

Создание модуля темы оформления

Поскольку контролы распределены между модулями приложения СБИС, тема оформления также может быть распределена между модулями.

Мультитемизация

Поддержка нескольких тем на одной странице.

Лучшие практики определения переменных темы оформления

При именовании тем оформления необходимо придерживаться ряду правил.

Тема Дзен

Тема оформления "Дзен" позволяет менять цвет контента областей страницы, существенную часть которых составляет изображение.