Цветовые схемы шаблонов

В данный момент в шаблонах поддерживается два способа подключения цветовых схем:

  1. Подключается один основной 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
  2. Имеется несколько полных копий главного 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;