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

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

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

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

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

Стандартный набор темизируемых css-классов

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

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

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

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

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

Подключение css-стилей к контролу

Правила для темизируемых и нетемизируемых css.

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

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

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

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