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

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

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

  • Кнопка Каталог
  • Ссылки
  • Кнопка В корзину
  • Строка поиска
  • Хлебные крошки и т.д.


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

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


Accent

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

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

Accent-2

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


Error - ошибка

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


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

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


Gray

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


Gray Light

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


Orange

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




Описание курса