> For the complete documentation index, see [llms.txt](https://docs.iexexchanger.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.iexexchanger.com/learn/8.-rabota-s-zayavkami/06-admin-appearance.md).

# Поиск и оформление

Освойте глобальный поиск, настройте личный вид панели и опубликуйте оформление сайта

## Что вы получите

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

{% hint style="warning" %}
Это два независимых контура. Цвет панели хранится в браузере сотрудника. Дизайн-конструктор публикует оформление для посетителей сайта.
{% endhint %}

## Настройте панель сотрудника

Откройте меню оформления кнопкой с текущим цветом интерфейса в верхней панели.

{% stepper %}
{% step %}

### Выберите «Стиль меню»

**«Светлое»** сохраняет стандартный фон. **«Тёмное меню»** меняет фон mini-меню, основного бокового меню и мобильной навигации.
{% endstep %}

{% step %}

### Решите, показывать ли «Mini-меню»

**«С mini-меню»** оставляет быстрый блок **«Избранное»**, **«Заявки»**, **«Аналитика»** и **«Помощь»**. **«Без mini-меню»** освобождает больше ширины.
{% endstep %}

{% step %}

### Настройте «Уменьшенный вид»

При включении основное меню открывается в компактной форме. Эта настройка не возвращает скрытое mini-меню.
{% endstep %}

{% step %}

### Выберите цвет, шрифт и масштаб

Акцентная палитра включает спокойные, яркие и тёмные варианты, в том числе океанический, кобальтовый, ирисовый, сливовый, малиновый, бордовый, терракотовый, золотой, оливковый и лесной. Проверьте выбранный цвет в светлой и тёмной теме.
{% endstep %}
{% endstepper %}

Собственный Google Font подключайте только после проверки кириллицы, цифр, таблиц и мобильного вида. **«Сглаживание»** влияет на текст панели, **«Масштаб»** — только на её размер, а **«Автоматический ночной режим»** переключает тему по показанному графику.

Параметры панели:

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

## Используйте глобальный поиск

Откройте поиск из верхней панели или нажмите `⌘K` на macOS и `Ctrl+K` на Windows/Linux. Для текста введите не меньше двух символов; точный числовой ID можно искать даже в коротком виде.

Поиск работает с учётом прав сотрудника. Над результатами показываются выбранная область и общее количество совпадений.

| Область                | Быстрый префикс            |
| ---------------------- | -------------------------- |
| Все, Разделы, Проблемы | Без обязательного префикса |
| Заявки                 | `o:`                       |
| Пользователи           | `u:`                       |
| Валюты                 | `c:`                       |
| Направления            | `d:`                       |
| Мерчанты и автовыплаты | `m:`                       |
| Курсы                  | `rates:`                   |
| BestChange             | `bc:`                      |

{% stepper %}
{% step %}

### Начните со всей системы

Оставьте область **«Все»**, введите публичный ID, E-mail, название валюты или раздела и сверьте тип каждого результата.
{% endstep %}

{% step %}

### Сузьте область

Выберите конкретную область, если одинаковый текст встречается в нескольких сущностях. Ошибка в одном символе не всегда мешает поиску, но перед открытием всё равно сверяйте ID и тип объекта.
{% endstep %}

{% step %}

### Используйте быстрый префикс

Введите префикс с двоеточием перед запросом, например `o: 12345` или `c: USDT`. Подсказка в интерфейсе остаётся источником истины, если набор изменится.
{% endstep %}

{% step %}

### Фильтруйте левое меню

Переключите поиск в режим разделов, чтобы оставить в навигации подходящие пункты. Очистите запрос после перехода: фильтр меню не удаляет отсутствующие разделы.
{% endstep %}

{% step %}

### Добавьте нужный раздел в избранное

Результат раздела можно закрепить в **«Избранное»** прямо из поиска. Это меняет только быстрый доступ, а не права и не состояние объекта.
{% endstep %}

{% step %}

### Откройте все результаты

Строка **«Показано … из …»** отделяет текущую порцию от общего количества. Нажмите **«Смотреть все»**, затем переходите кнопками **«Назад»** и **«Далее»**. Номер между ними показывает текущую страницу; переход не должен менять сам запрос или область.
{% endstep %}

{% step %}

### Повторите только неудавшийся запрос

При временной ошибке нажмите **«Повторить»**. Введённая строка, выбранная область и уже показанные безопасные результаты не должны незаметно заменяться другим поиском. Ошибка фонового списка проблем не означает отказ обычного поиска по объектам.
{% endstep %}
{% endstepper %}

Если часть поиска временно недоступна, панель должна сохранить безопасный ограниченный результат или понятное состояние ошибки. Не считайте отсутствие найденной записи доказательством удаления: откройте её профильный список и сбросьте фильтры.

## Откройте дизайн-конструктор сайта

Перейдите в **«Настройки» — «Дизайн-конструктор»**.

Не путайте его с конструктором обычной страницы. Конструктор страницы собирает содержимое отдельного URL, а дизайн-конструктор управляет общей палитрой, шрифтом, размерами и оформлением формы обмена.

## Выберите основу и режим темы

{% stepper %}
{% step %}

### Выберите готовый стиль

Откройте вариант в библиотеке и проверьте живой пример формы. Выбор основы ещё не означает, что посетители увидели изменение.
{% endstep %}

{% step %}

### Настройте основные параметры

Выберите источник и семейство шрифта, насыщенность, скругление углов и высоту полей.
{% endstep %}

{% step %}

### Выберите режим светлой и тёмной темы

**«Раздельно»** хранит две палитры. Общая светлая или общая тёмная палитра применяет один набор ко всему сайту. Перед публикацией проверьте фактический режим переключателя клиента.
{% endstep %}

{% step %}

### Включите показ выбранного дизайна

Переключатель **«Показывать выбранный дизайн на сайте»** разрешает публичному клиенту использовать опубликованное оформление.
{% endstep %}
{% endstepper %}

## Точно настройте цвета шапки

Нажмите **«Собрать свой стиль»** и откройте раздел **«Шапка сайта»**.

| Группа               | Что меняет                                                |
| -------------------- | --------------------------------------------------------- |
| Фон и основной текст | Поверхность верхней панели, основные надписи и иконки     |
| Основная кнопка      | Фон и текст главного действия, например входа             |
| Нейтральные элементы | Фон и второстепенный текст переключателей языка и темы    |
| Акцент               | Активные пункты и состояния наведения вместе с их текстом |
| Граница и фокус      | Нижняя линия шапки и клавиатурная обводка элементов       |

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

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

## Сохраните и опубликуйте

{% stepper %}
{% step %}

### Сохраните свой стиль в библиотеку

Укажите понятное название, например «Основной бренд». Сохранённый вариант можно выбрать повторно, но посетители ещё не обязаны его видеть.
{% endstep %}

{% step %}

### Проверьте живой пример

Сверьте форму обмена, главную кнопку, поля, шапку, подвал, ошибки, светлую и тёмную тему.
{% endstep %}

{% step %}

### Нажмите «Опубликовать»

Дождитесь сообщения **«Оформление опубликовано на сайте»**. Затем откройте клиентский сайт в новой приватной сессии.
{% endstep %}

{% step %}

### Подготовьте возврат

Действие **«Вернуть стандарт»** возвращает стандартное оформление. Используйте его только после фиксации текущего выбранного стиля и понимания, что именно будет сброшено.
{% endstep %}
{% endstepper %}

## Проверьте конечный результат

1. Откройте главную, страницу оплаты, вход и обычную страницу.
2. Проверьте компьютер и телефон.
3. Переключите светлую и тёмную тему.
4. Пройдите шапку клавишей Tab и проверьте обводку фокуса.
5. Проверьте длинные названия валют, ошибки формы и всплывающие сообщения.
6. Убедитесь, что изменение публичного дизайна не поменяло вид панели сотрудника.
7. Откройте панель в другом браузере и подтвердите, что её личные настройки независимы.
8. Найдите контрольную заявку, валюту и раздел через глобальный поиск.
9. Проверьте поиск под операторской ролью: запрещённые объекты и разделы не должны раскрыться.
10. Найдите заявку с коротким числовым ID, откройте **«Смотреть все»** и перейдите вперёд и назад.
11. Воспроизведите временную ошибку и убедитесь, что **«Повторить»** сохраняет запрос, область и понятное состояние результатов.

## Этап завершён, если

* [ ] mini-меню и уменьшенный вид не перепутаны;
* [ ] глобальный поиск открывается с клавиатуры и находит контрольные объекты;
* [ ] области, префиксы, фильтр меню и избранное используются по назначению;
* [ ] короткий точный ID, полный просмотр и постраничный переход проверены;
* [ ] повтор после ошибки не теряет запрос и не смешивает поиск с фоновыми проблемами;
* [ ] результаты поиска соблюдают права сотрудника;
* [ ] панель читаема в светлой и тёмной теме;
* [ ] команда понимает, что настройки панели локальны для браузера;
* [ ] дизайн-конструктор не перепутан с конструктором страницы;
* [ ] основная кнопка, нейтральные элементы, акцент, граница и фокус шапки проверены отдельно;
* [ ] опубликованное оформление проверено в новой клиентской сессии;
* [ ] мобильный сайт и клавиатурная навигация остаются рабочими;
* [ ] способ возврата к стандартному оформлению понятен владельцу.

Далее создайте [памятку по верификации банковских карт](/learn/9.-sistema-i-rasshireniya/01-card-verification-guide.md).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.iexexchanger.com/learn/8.-rabota-s-zayavkami/06-admin-appearance.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.