1. Глобальные цвета

Глобальные цвета позволяют настроить цветовую схему всего сайта и изменить её за пару нажатий левой кнопкой мыши.

Видео-инструкция:


Глобальные цвета можно найти в редакторе, в настройках страницы, во вкладке Цвета.

 

1000009

В первой колонке можно задать название цвету.

 

1000010

Во второй колонке можно задать нужным нам цвет.

 

1000011

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

1000012

Глобальный цвет можно установить на любой виджет или текст.

Пример установки на виджет кнопки:


Шаг 1. Для этого нам необходимо перейти в настройки виджета кнопка, во вкладку вид, в раздел цвет и открыть подробные настройки.
Далее выбираем Наследование и указываем нужный глобальный цвет.

00000009

Также вы можете выбрать глобальный цвет, который будет отображаться темнее или светлее 

1000008

Шаг 2. Так же установим данный глобальный цвет (желтый) на вторую кнопку.

1000007

Получилось что у нас 2 кнопки имеют 1 глобальный цвет.

Шаг 3. Для того чтобы изменить цвет двух кнопок, необходимо изменить глобальный цвет в странице редактора.

00000010

 

Давайте добавим глобальный цвет на текст и фон нижней секции.

 

00000011

Теперь при изменении глобального цвета на странице редактора, мы изменим цвет везде где он установлен.

00000012

Теперь вы сможете задавать цветовую схему вашего сайта в пару кликов.

 

Как взять нужный цвет прямо с картинки

Для этого необходимо найти подходящий сервис (например: https://sanstv.ru/color ).
Далее можно загрузить своё изображение с нужным цветом и нажав на нужный цвет, получить код в RGB формате.

globalcolor5

 

Полученный RGB код можно установить в глобальные цвета.

globalcolor6

 

Так мы задали нужный нам цвет с помощью RGB кода.

Была ли эта статья полезна?

Похожие статьи