Доступ к настройкам внешнего вида и их изменение доступны только Суперадминистраторам и Администраторам. Если вы не видите этот пункт в разделе Workspace Config, попросите суперадминистратора проверить вашу роль.
Доступ к настройкам внешнего вида
Настройка каждого визуального элемента
Основной цвет
Основной цвет применяется к кнопкам, активным ссылкам, выделенным состояниям и ключевым элементам интерфейса по всей платформе.- Выберите цвет, отражающий ключевую идентичность вашего бренда.
- Это наиболее значимая настройка цвета, поскольку она отображается везде в интерфейсе.
Цвет фона боковой панели
Фон боковой панели задаёт базовый оттенок левой навигационной панели.- Используйте цвет, который создаёт чёткое визуальное разграничение между боковой панелью и основной областью контента.
- Тёмный фон со светлым текстом, как правило, обеспечивает лучшую читаемость.
Цвет текста боковой панели
Цвет текста боковой панели управляет цветом меток всех элементов навигации в левом меню.- Всегда выбирайте цвет с высоким контрастом относительно цвета фона боковой панели.
- Низкий контраст затрудняет чтение ссылок и снижает доступность.
Цвет фона боковой панели при наведении
Этот цвет отображается в качестве выделения фона, когда пользователь наводит курсор на элемент навигации боковой панели.- Он сигнализирует об интерактивности и помогает пользователям понять, на какой элемент они собираются нажать.
- Выберите цвет, заметно отличающийся как от стандартного фона боковой панели, так и от цвета активного элемента.
Применение выбранных цветов
Откройте палитру цветов для каждого поля
Нажмите на образец цвета рядом с любым из четырёх полей внешнего вида — основным цветом, фоном боковой панели, цветом текста боковой панели или цветом фона при наведении — чтобы открыть палитру цветов.
Введите hex-код или выберите цвет
Введите точный hex-код вашего бренда (например,
#3B5BDB) непосредственно в поле ввода или используйте визуальную палитру для выбора оттенка.Просмотрите изменения
Проверьте, как обновлённые цвета выглядят в боковой панели и во всём интерфейсе перед сохранением.
Сброс к теме по умолчанию
Если вы хотите удалить все настройки фирменного оформления и восстановить оригинальную цветовую схему AgencyHandy, нажмите кнопку Reset Default Settings на странице «Внешний вид».Рекомендации по цветовому контрасту
Хороший цветовой контраст — это не просто эстетическое предпочтение: он непосредственно влияет на читаемость и доступность для вашей команды и клиентов.Стремитесь к соотношению контрастности WCAG AA
Для обычного основного текста используйте соотношение контрастности не менее 4,5:1 между текстом и фоном. Для крупного текста или значков допустимо соотношение 3:1. Используйте инструмент WebAIM Contrast Checker для проверки.
Избегайте сочетаний с низким контрастом
Не используйте сочетания типа светло-серый текст на белом фоне или жёлтый текст на белом — они не соответствуют стандартам доступности и утомляют глаза при длительной работе.
Намеренно тестируйте состояния при наведении
Цвета при наведении должны заметно отличаться как от обычного состояния, так и от активного состояния. Если они выглядят одинаково, пользователи теряют важную визуальную обратную связь.
Соблюдайте согласованность с брендом
Используйте тот же основной цвет здесь, что и на вашем сайте, в предложениях и счетах. Согласованность формирует узнаваемость и профессионализм во всех точках взаимодействия с клиентами.
Важные замечания
- Мгновенный глобальный эффект: все сохранённые изменения внешнего вида немедленно применяются ко всему рабочему пространству. Каждый вошедший в систему пользователь видит обновление при следующем действии навигации.
- Одна активная тема: поддержка нескольких тем отсутствует — один набор цветов применяется ко всему рабочему пространству для всех ролей.
- Ограничение по ролям: изменять внешний вид могут только суперадминистраторы и администраторы. Обычные члены команды и клиенты не могут изменять цвета.
- Сброс является постоянным: кнопка Reset Default Settings не отменяется, поэтому используйте её только когда намеренно хотите удалить все пользовательские цвета.