В данный момент в шаблонах поддерживается два способа подключения цветовых схем:
Подключается один основной CSS-файл + один из нескольких CSS-файлов с вынесенными из основного стилями цвета элементов;
Данный способ подключения предполагает, что в папке css шаблона будет находиться основной css-файл с названием style.css
, а также папка color-scheme
, содержащая CSS-файлы цветовых схем с названиями color_HEX.css
, где HEX
– это HEX-код цвета без символа #.
Пример структуры:
/template
/css
style.css
/color-scheme
color_FFFFFF.css
color_2196f3.css
color_3f51b5.css
Имеется несколько полных копий главного CSS-файла, отличающихся цветом элементов.
Подключается только один из этих файлов.
Все CSS-файлы должны находиться в папке css и иметь название style_HEX.css
, где HEX
– это HEX-код цвета без символа #.
Такие цветовые схемы можно удобно генерировать с помощью сборщиков проектов(Gulp, Webpack..), если все цвета выносить в переменные.
Пример структуры:
/template
/css
style_333333.css
style_2196f3.css
style_3f51b5.css
Обратите внимание! Начиная с версии Moguta.CMS 8.15 при использовании компонентной структуры шаблона, необходимо указывать способ подключения цветовых схем в файле настроек шаблона – config.ini;