Вы можете выбрать любую интересующую Вас цветовую схему и очень просто её настроить. Схема задается всего одним цветом, благодаря технологии LESS.
В данном руководстве мы рассмотрим:
- Как выбрать базовый цвет (цветовую схему) для сайта
- Как настроить темный и светлый оттенок (для выбранного цвета) для кнопок, ссылок и др. элементов.
Шаг 1. Переход к настройкам в административной части
- Откройте административную часть, зайдите в раздел Настройки -> Настройки продукта -> Настройки модулей -> BXReady Market.
- Выберите вкладку "LESS".
Шаг 2. Выбор базового цвета
В настоящий момент представлено 30 подготовленных цветов. Но вы можете выбрать свой собственный цвет, выбрав его в “квадрате цветов” или если Вам необходим определенный цвет (например, ваш корпоративный) вы можете вставить его HEX-код.
Шаг 3. Настройка светлого и темного оттенка базового цвета.
У Вас есть возможность корректировать темный и светлый оттенок базового цвета для кнопок, ссылок и других элементов.
Сделать это можно с помощью двух ползунков:
- Параметр для вычисления оттенка темного по отношению к базовому цвету
- Параметр для вычисления оттенка светлого по отношению к базовому цвету
Чем больше значение тем глубже оттенок.
Например, для светлого оттенка базового цвета, чем больше значение, тем светлее цвет.
И для темного оттенка базового цвета, чем больше значение, тем темнее цвет.
Note: В демо-версии () данные параметры находятся в демо-мастере и называются “Темный hover” и “Светлый hover”.
Как это выглядит:
Темный оттенок базового цвета, значение - 5%:
Темный оттенок базового цвета, значение - 25%:
Светлый оттенок базового цвета, значение - 5%:
Светлый оттенок базового цвета, значение - 25%:
Надеюсь данная статья была для Вас полезна.
Тех. поддержка работает по адресу:
P.S. Если вы собираетесь произвести модернизацию, то вы всегда можете доработать LESS файл.
Наше содержит еще множество полезных статей, не ленитесь их прочесть.
Знание - сила! Темная или светлая? Решать тебе!
ссылка на решение
