Для настройки цветовой схемы сайта вы можете указать 9 цветов, которые отвечают за те или иные элементы. Вы можете выбрать цвет из готовой палитры или ввести вручную код цвета в #HEX формате.

Primary - основной цвет сайта

Он используется в большинстве блоков, например:

• Кнопка Каталог

• Ссылки

• Кнопка В корзину

• Строка поиска

• Хлебные крошки и т.д.

Secondary - цвет-компаньон

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

Accent

Данный цвет используется в элементах:

• Обводка текстовых полей 

• Фон информационных сообщений и т.д.

Accent-2

Этот цвет используется всего в паре мест, самое важное из которых - это фон нижней части сайта (footer)

Error - ошибка

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

Success - успешное выполнение

Этот цвет используется для вывода сообщений об успешности той или иной операции. Помимо этого этот цвет используется для кнопки Перейти в корзину на детальной странице товара, после того, как вы добавили товар в корзину.

Gray

Серый цвет используется в основном для текста подсказок и другой дополнительной информации.

Gray Light

Этот цвет используется как фон некоторых информационных блоков, например, для Доставки.

Orange

Этот цвет используется только в одном месте - это звёздочки в отзывах.

Шрифт

В том же блоке настроек, под цветами, есть поле Шрифт Google Fonts. В списке — больше двухсот шрифтов Google Fonts с поддержкой кириллицы; по умолчанию используется Roboto.

Выбранный шрифт применяется ко всему сайту и подгружается напрямую с серверов Google. Посмотреть, как выглядит конкретный шрифт, можно на fonts.google.com — там же удобно сравнивать начертания.

Берите шрифт с обычным, полужирным и жирным начертаниями: решение подключает начертания 400, 500 и 700, и если у шрифта их нет, браузер нарисует недостающие сам — обычно неудачно.

Шрифт входит в конфигурацию клиентской части, поэтому после сохранения сайт пересобирается: изменение появляется в течение 5–10 минут.

Если настроек не хватает

Всё, что не задаётся цветами и шрифтом, можно поправить своими стилями: в этом же блоке есть строка Свои стили сайта. Как ими пользоваться и почему нельзя писать селекторы по полному имени класса — в статье «Свои стили сайта».