Перейти к основному содержимому

02 Темы

Тема в Luxms BI - это именованный список ключей в формате JSON, каждый из которых описывает в общем случае css-свойства (цвет, тень или значение бекграунда), используемые в обвязке, а также в нескольких специфических случаях значение свойства может являться объектом, который необходим для управления стилями целых модулей, вроде карты или графиков коробочных дешлетов, но конечные свойства такого вложенного объекта по итогу также есть css-свойства.

По итогу эти свойства превращаются в список css-переменных, которые используются обвязкой по умолчанию.

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

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

Эти значения можно получить и при разработке в проекте BMR в файлах .scss ваших React-компонентов, чего мы коснемся чуть позже в данном руководстве.

Темы переключаются иконкой в тулбаре хидера в правом верхнем углу:

  • Светлая (на темную) ;

  • Темная (на светлую) .

В случае, если тем более двух, вы увидите иконку с дропдауном по клику и выбором нужной темы.

осторожно

Темы в нашей концепции играют чисто декоративную роль, они не управляют позиционированием, расположением блоков на странице разделов и любой стилизацией более сложной, нежели цвета, шрифты, тени и бекграунд. То есть технически запретить это мы не можем, но настоятельно рекомендуем так НЕ делать. Такое рано или поздно вносит неоднозначности и сложно поддерживается.