Skip to main content

Темы оформления

Тема оформления — это цветовое решение интерфейса проекта и системы в целом. Базовых тем по умолчанию две: тёмная и светлая. Вы можете внести изменения в существующие темы или создать неограниченное количество новых тем.

Светлая и темная темы

Управление темами

Весь процесс работы с темами происходит в панели настроек проекта, на вкладкеа «Темы»:

image.pngimage.png

 

Переключение между темами

В первой секции выведен список тем проекта. Напротив каждой есть иконка «Глазок». Текущая тема подсвечивается «акцентным цветом» (в данном случае голубым). Чтобы активировать другую тему нужно кликнуть на соответствующий глазок другой темы.

image.png

 

Удаление темы

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

Последнюю тему в списке удалить не получится  

 

Создание темы

Чтобы создать новую тему, нужно кликнуть на соответствующую кнопку в той же первой секции. Новая тема будет создана как копия текущей. В списке тем появится еще одна строчка, а в название новой темы будет состоять из исходного + "copy".

image.png

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

 

Цвета темы

Оформление интерфейса приложения устроено таким образом что все элементы и все заливки разделены на уровни. Каждому уровню присвоен свой цвет. Таким образом оформление всего интерфейса состоит из 10 основных цветов + 1 акцентный + 1 сигнальный.

image.png

 

Редактирование темы

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

image.png

Итак, чтобы изменить параметры какого либо из цветов темы, нужно кликнуть на нем левой кнопкой мыши. Затем как и в редакторе палитры изменить параметры можно двумя способами:

  1. Ввеодом (встиавкой) HEX или RGB кода цвета в поле для ввода
  2. Перемещением ползунков по модели HSL

image.png 

Тема для редактора кода

ЕДля редактора кода предусмотрены всего две темы на выбор и изменить их нещльзя. В силу большого количества цветов синтаксиса. Но можно выбрать тему которая ближе к одисн овнюансой. ДваЕсли требуется переключателься между темами интерфейса, то как и подалитры, тема редактора запоминает актиосновирнуют режим в котором пользователь из меняется паравметр цвет и/или насыщенностье сразу во всех 10 цветах. Изменить тему со светлой на тёмную он не поможет, т.к. для этого требуется менять параметр светлоты почти на противоположный, но зато ускоряет тонкую настройку по цвету и насыщенности ровно в 10 раз.

image.png