> ## Documentation Index
> Fetch the complete documentation index at: https://docs.agencyhandy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Настройка цветовых схем рабочего пространства AgencyHandy

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

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

<Note>
  Доступ к настройкам внешнего вида и их изменение доступны только **Суперадминистраторам** и **Администраторам**. Если вы не видите этот пункт в разделе **Workspace Config**, попросите суперадминистратора проверить вашу роль.
</Note>

## Доступ к настройкам внешнего вида

<Steps>
  <Step title="Откройте Workspace Config">
    В левом навигационном меню нажмите **Workspace Config**.
  </Step>

  <Step title="Выберите Appearance">
    Нажмите **Appearance** (иногда отображается как **Visual Settings**) в подменю.
  </Step>
</Steps>

***

## Настройка каждого визуального элемента

### Основной цвет

Основной цвет применяется к кнопкам, активным ссылкам, выделенным состояниям и ключевым элементам интерфейса по всей платформе.

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

### Цвет фона боковой панели

Фон боковой панели задаёт базовый оттенок левой навигационной панели.

* Используйте цвет, который создаёт чёткое визуальное разграничение между боковой панелью и основной областью контента.
* Тёмный фон со светлым текстом, как правило, обеспечивает лучшую читаемость.

### Цвет текста боковой панели

Цвет текста боковой панели управляет цветом меток всех элементов навигации в левом меню.

* Всегда выбирайте цвет с высоким контрастом относительно цвета фона боковой панели.
* Низкий контраст затрудняет чтение ссылок и снижает доступность.

### Цвет фона боковой панели при наведении

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

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

***

## Применение выбранных цветов

<Steps>
  <Step title="Откройте палитру цветов для каждого поля">
    Нажмите на образец цвета рядом с любым из четырёх полей внешнего вида — основным цветом, фоном боковой панели, цветом текста боковой панели или цветом фона при наведении — чтобы открыть палитру цветов.
  </Step>

  <Step title="Введите hex-код или выберите цвет">
    Введите точный hex-код вашего бренда (например, `#3B5BDB`) непосредственно в поле ввода или используйте визуальную палитру для выбора оттенка.
  </Step>

  <Step title="Просмотрите изменения">
    Проверьте, как обновлённые цвета выглядят в боковой панели и во всём интерфейсе перед сохранением.
  </Step>

  <Step title="Нажмите Save Changes">
    Когда результат вас устроит, нажмите **Save Changes**. Обновлённый внешний вид немедленно применяется глобально для всех пользователей рабочего пространства.
  </Step>
</Steps>

<Tip>
  Храните hex-коды цветов вашего бренда в легкодоступном месте (руководстве по фирменному стилю или файле заметок). Вы захотите использовать одни и те же значения согласованно — особенно если вам когда-либо потребуется сбросить и перенастроить параметры внешнего вида.
</Tip>

***

## Сброс к теме по умолчанию

Если вы хотите удалить все настройки фирменного оформления и восстановить оригинальную цветовую схему AgencyHandy, нажмите кнопку **Reset Default Settings** на странице «Внешний вид».

<Warning>
  Сброс к настройкам по умолчанию безвозвратно удаляет все пользовательские цвета. Это действие нельзя отменить. Если вы хотите сохранить текущие настройки, запишите ваши hex-коды перед сбросом.
</Warning>

***

## Рекомендации по цветовому контрасту

Хороший цветовой контраст — это не просто эстетическое предпочтение: он непосредственно влияет на читаемость и доступность для вашей команды и клиентов.

<CardGroup cols={2}>
  <Card title="Стремитесь к соотношению контрастности WCAG AA" icon="eye">
    Для обычного основного текста используйте соотношение контрастности не менее **4,5:1** между текстом и фоном. Для крупного текста или значков допустимо соотношение **3:1**. Используйте инструмент [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/) для проверки.
  </Card>

  <Card title="Избегайте сочетаний с низким контрастом" icon="triangle-exclamation">
    Не используйте сочетания типа светло-серый текст на белом фоне или жёлтый текст на белом — они не соответствуют стандартам доступности и утомляют глаза при длительной работе.
  </Card>

  <Card title="Намеренно тестируйте состояния при наведении" icon="arrow-pointer">
    Цвета при наведении должны заметно отличаться как от обычного состояния, так и от активного состояния. Если они выглядят одинаково, пользователи теряют важную визуальную обратную связь.
  </Card>

  <Card title="Соблюдайте согласованность с брендом" icon="paintbrush">
    Используйте тот же основной цвет здесь, что и на вашем сайте, в предложениях и счетах. Согласованность формирует узнаваемость и профессионализм во всех точках взаимодействия с клиентами.
  </Card>
</CardGroup>

***

## Важные замечания

* **Мгновенный глобальный эффект:** все сохранённые изменения внешнего вида немедленно применяются ко всему рабочему пространству. Каждый вошедший в систему пользователь видит обновление при следующем действии навигации.
* **Одна активная тема:** поддержка нескольких тем отсутствует — один набор цветов применяется ко всему рабочему пространству для всех ролей.
* **Ограничение по ролям:** изменять внешний вид могут только суперадминистраторы и администраторы. Обычные члены команды и клиенты не могут изменять цвета.
* **Сброс является постоянным:** кнопка **Reset Default Settings** не отменяется, поэтому используйте её только когда намеренно хотите удалить все пользовательские цвета.
