toggle menu
0
Тектовый редактор

Управление цветовыми схемами

Вызов настроек

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

Панель управления цветом

Панель управления цветом служит для настройки цветовой гаммы сервиса, пользователь может выбрать одну из заданных администратором цветовую схему, для этого ему необходимо вызвать меню настроек и выбрать один из предложенных цветных кружков в верхней части меню (рисунок 1).


Рисунок 1. Выбор цветовой схемы


Настройка цветовых схем 

 Для открытия окна настройки цветовых схем, необходимо открыть меню настроек и выбрать пункт "Управление цветом" (Рисунок 2).


Рисунок 2. Управление цветом


В панели управления цветовыми схемами вы можете редактировать, добавлять и удалять наборы цветовых схем (рисунок 3).

Для удаления цветовой схемы, нужно нажать на кнопку напротив нее (рисунок 3).

Для изменения позиции цветовой схемы, нужно с помощью элемента перетянуть её на новое место вниз или вверх (рисунок 3).

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

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


Рисунок 3.Панель управления цветовыми схемами

Для задания кастомных цветов нажмите на одну из иконок с выбором цвета (Рисунок 4). Откроется окно выбора цвета (Рисунок 5), выберите желаемый цвет и нажмите в любом месте сервиса за пределами зоны выбора цвета.

Рисунок 4. Палитра цветовой схемы

 

Рисунок 5. Выбор цвета


За что отвечает каждая иконка с выбором цвета, вы можете посмотреть в таблице 1.

  1.   VSMCore-select-color
Цвет выбранных элементов интерфейса
  2.   VSMCore-hover-color
Цвет интерфейса при наведении
  3.   VSMCore-light-hover-color
Цвет второстепенных элементов интерфейса при наведении
  4.   VSMCore-not-selected-color
Цвет не выбранных иконок
  5.   VSMCore-main-font-color
Основной цвет текста
  6.   VSMCore-minor-font-color
Цвет незначительного текста
  7.   VSMCore-bright-font-color
Цвет яркого текста
  8.   VSMCore-main-backgroung-color
Основной цвет заднего фона
  9.   VSMCore-minor-background-color
Цвет незначительного заднего фона
  10. VSMCore-select-font-color
Цвет текста на выбранных элементах интерфейса
  11. VSMCore-main-border-color
Основной цвет границ
  12. VSMCore-main-button-color
Основной цвет кнопок

Таблица 1. Пояснения к цветовой схеме


После любых изменений нужно нажать на кнопку "Сохранить" в нижней части панели управления цветовыми схемами.





Загрузка
1_Гости
Корзина
Заказы
Подписки