Темы и визуализация
Темы и визуализация
Назначение
Сервис обеспечивает настройку внешнего вида интерфейса, тем оформления и визуального представления данных. Включает базовые темы и настройки Desk , темную тему, брендирование и общие UI-доработки , навигацию через хлебные крошки .
Цели и задачи
- Применять светлую и темную тему интерфейса.
- Настраивать корпоративное брендирование (логотип, цвета) через Dinext и при необходимости Website Theme.
- Улучшать навигацию (хлебные крошки) при установке Dinext.
- Использовать кастомные темы (Website Theme) для публичных страниц и при необходимости для приложения.
- Обеспечивать единообразие и удобство визуального восприятия.
Для кого
- Все пользователи, выбирающие тему (светлая/темная) в профиле.
- Администраторы и дизайнеры, настраивающие брендирование и темы.
- Пользователи приложения при работе с улучшенной навигацией (breadcrumbs).
Основные понятия
- Website Theme — тема оформления : цвета, шрифты, фоны; применяется к веб-сайту и при необходимости к приложению.
- Темная тема (Dark theme) — вариант интерфейса Desk с темным фоном; включается в настройках пользователя или системы.
- Брендирование — логотип, цветовая схема, название продукта; в Dinext задаются общие UI-доработки и бренд Dinext.
- Хлебные крошки (Breadcrumbs) — навигационная цепочка «Главная > Раздел > Документ»; Dinext расширяет отображение (README).
Основные сущности / объекты
- website_theme .
- Dinext — брендирование и общие UI (hooks, стили).
- Dinext (README).
- Источники в каталоге: medium (theme), framework (dark-theme).
Основные сценарии / процессов
Переключение светлой/темной темы
- В профиле пользователя или в настройках приложения выбрать опцию темы (Light/Dark/System).
- Интерфейс переключится; предпочтение сохранится для сеанса или профиля в зависимости от версии.
- Темная тема снижает нагрузку на глаза в условиях низкой освещенности.
Настройка брендирования
- По документации Dinext настроить логотип, цвета, название приложения в конфигурации или в переопределяемых ресурсах.
- После развертывания изменений обновить кэш и проверить отображение во всех основных разделах.
- Не переопределять критические стили без тестирования доступности и совместимости с обновлениями платформы.
Хлебные крошки
- Установить приложение Dinext по README.
- В интерфейсе отобразится цепочка навигации; при необходимости настроить уровни и подписи по документации приложения.
- Пользователи смогут быстрее возвращаться к родительским разделам.
Кастомная тема (Website Theme)
- Создать или отредактировать Website Theme: задать цвета, шрифты, фоновое изображение по необходимости.
- Применить тему к сайту или указать в настройках приложения (если поддерживается для Desk).
- Для публичного портала тема влияет на внешний вид; для приложения поддержка тем может отличаться в версиях Dinext.
Правила и ограничения
- Изменения тем и бренда не должны ломать доступность (контраст, размер шрифтов). Проверяйте на разных разрешениях и в темной теме.
- При обновлении Dinext/приложений кастомные стили и темы могут потребовать доработки; держите переопределения минимальными и документированными.
- Dinext и Dinext — кастомные приложения; совместимость с версией платформы уточняйте в README.
Результаты / отчетность
- Единый визуальный стиль и бренд в интерфейсе.
- Удобная навигация через хлебные крошки.
- Выбор темы (светлая/темная) по предпочтениям пользователя.
Типовые вопросы и ошибки (FAQ)
Где включается темная тема?
В настройках пользователя (User) или в разделе настроек приложения (Desk) — опция «Theme» или «Appearance». В некоторых версиях в System Settings есть значение по умолчанию для всех пользователей.
Как изменить логотип в шапке?
Через настройки сайта (Site Config): параметр логотипа (logo_image или аналог) или через кастомизацию в Dinext (подмена файла логотипа в статических ресурсах). Путь и имя параметра зависят от версии и приложения.
Хлебные крошки показывают неверный путь
Проверьте настройки Dinext: маппинг маршрутов и родительских сущностей. При кастомных рабочих пространствах и глубокой вложенности путь может требовать дополнительной настройки в приложении.