Руководство по кастомизации дизайна под корпоративный стиль SC Nexus

Система SC Nexus поддерживает глубокую визуальную настройку оформления без необходимости редактирования исходного кода. Все настройки выполняются через вкладку «Внешний вид» в панели администратора.

1. Базовые настройки бренда

Название компании: Отображается во вкладке браузера и в левом верхнем углу боковой панели (если включена опция отображения названия).
Логотип бренда: Загрузите файл логотипа вашей компании в формате PNG или SVG. Логотип автоматически центрируется и масштабируется под размеры боковой панели. Рекомендуется использовать логотипы с прозрачным фоном и контрастными цветами, чтобы они корректно отображались как в темной, так и в светлой темах.
Иконка вкладки (Favicon): Загрузите файл в формате ICO или PNG для установки иконки вкладки браузера.

2. Цветовая схема интерфейса (Theme Colors)

Настройка поддерживает четыре ключевых цветовых токена, которые динамически перерисовывают все элементы управления, кнопки, активные рамки и hover-эффекты:

Основной (Primary): Главный цвет бренда (например, корпоративный синий или бирюзовый). Используется для ключевых кнопок, выделенных пунктов меню, обводок выбранных карточек.
Наведение (Hover): Оттенок основного цвета для интерактивных кнопок при наведении курсора.
Светлый (Light): Очень светлый полупрозрачный оттенок основного цвета для мягкой подсветки активных полей, табличных строк или кнопок статуса.
Акцент (Accent): Используется для ярких акцентных элементов, таких как переключатели настроек бокового меню, а также иконки оповещений или градиенты аватаров.

💡 Интерактивное превью:
В правой части блока цветовой схемы находится виджет предпросмотра в реальном времени. Он наглядно демонстрирует, как выбранные цвета будут смотреться на карточках сотрудников, кнопках действий и индикаторах статуса.

3. Настройки бокового меню

В данном блоке вы можете гибко настроить шапку левого меню:

Показывать логотип — включает или отключает отображение корпоративного логотипа.
Логотип во всю ширину — растягивает логотип на всю ширину сайдбара (при этом скрывается текстовое название компании).
Показывать название компании — включает или отключает отображение текста с названием вашей компании.
Показывать подзаголовок — добавляет вторую строку описания.
Текст подзаголовка — кастомное поле ввода для текста подзаголовка (например, «Справочник» или «Портал»).

4. Цвета и вакансии подразделений

В нижней части страницы расположена таблица для управления атрибутами отделов:

Персональные цвета: Вы можете задать индивидуальный цвет для каждого подразделения.
Один цвет для всех: Используйте данный цветовой пикер, чтобы мгновенно покрасить все подразделения в один цвет.
Автогенерация: Кнопка «Генерировать» автоматически сгенерирует и распределит гармоничные, отличающиеся друг от друга цвета для каждого из отделов.
Статус вакансии: Кнопка-тумблер рядом с каждым отделом позволяет отметить наличие открытых вакансий. Это активирует отображение вакансий в интерактивном дереве оргструктуры.

5. Сброс дизайна

Если вы хотите вернуть оформление к первоначальному виду:

В левой нижней части блока настроек нажмите кнопку «Сбросить дизайн по умолчанию».
Подтвердите действие во встроенном всплывающем окне подтверждения.
Цвета, логотипы, фавикон и цвета отделов сбросятся к чистым стандартным параметрам SC Nexus.