Визуальная тема и брендинг

Вы можете настроить TSync под свой бренд — основной цвет, акцентные цвета, скругление углов и шрифт — с одного экрана, с живым предпросмотром. Изменения применяются ко всей админ-панели.

Где открыть

Перейдите в Настройки → Центр конфигурации → Тема и брендинг (/admin/tsync_theme_manager).

Измените цвета

  • Фирменный цвет — основной цвет кнопок, ссылок и выделений.
  • Успех / Предупреждение / Опасность — акцентные цвета для подтверждений, предупреждений и удаления.

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

Скругление и шрифт

  • Скругление углов — насколько скруглены кнопки и карточки (двигайте ползунок).
  • Шрифт — гарнитура интерфейса.

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

Отсюда можно также покрасить левую боковую панель под ваш бренд — фон и, по желанию, цвет текста и акцента. Оставьте их пустыми для автоматического вида (светлая боковая панель по умолчанию).

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

Ночной режим

TSync может показывать всю админ-панель в тёмном оформлении. На этом же экране есть настройка Ночной режим, выбираемая для каждой компании:

  • Выключено — все видят обычную светлую тему (это значение по умолчанию).
  • Для пользователя — в верхней панели появляется кнопка Солнце/Луна, и каждый сам переключает всю админ-панель между светлым и тёмным оформлением.

Выбор каждого запоминается в его браузере, поэтому он личный для этого пользователя и этого устройства. При самом первом открытии TSync следует настройке светлого/тёмного режима самого компьютера.

На установке с несколькими компаниями это настраивается по компаниям — одна компания может включить ночной режим, пока другая остаётся светлой.

Если вы попросили компьютер уменьшить анимацию, TSync слушает

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

В TSync это не включают. Продукт следует настройке, которую вы уже сделали в Windows, macOS, iOS, Android или браузере, и она действует на каждой странице администрирования, а не только на современных.

Движение, управляемое из JavaScript, пока не охвачено — небольшая часть анимаций написана в коде, а не в таблице стилей, и они по-прежнему выполняются. Мы предпочитаем сказать об этом, а не дать вам это обнаружить.

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

Логотип и фавикон

На этом же экране есть карточка Логотип и фавикон с тремя загрузками — у каждой предпросмотр и кнопка Удалить:

  • Логотип — логотип вашей компании.
  • Логотип для тёмной боковой панели — показывается, когда боковая панель тёмная, чтобы логотип оставался видимым.
  • Фавикон — маленький значок во вкладке браузера.

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

Есть также необязательная загрузка Фавикон (тёмная тема) на Настройки → Настройки → Общие, рядом с обычным фавиконом — светлый/белый значок, который браузеры показывают, когда устройство посетителя в тёмном режиме. Если не задать его, используется обычный фавикон. Он дополняет тему Ночной режим выше.

Ваш брендинг переживает обновление

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

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

Шапка и подвал документа (бланк)

Ниже на той же странице находится Шапка и подвал документа (бланк) — фирменная полоса, которая печатается на PDF-документах, получаемых клиентами, и в письмах.

Ничего не изменится, пока вы это не включите. Вы заполняете блок шапки и/или подвала, а затем в разделе Применять к отмечаете типы документов: договоры, счета, сметы, предложения, кредит-ноты, письма и шаблоны писем. Все они изначально не отмечены, поэтому установка, которая никогда не открывает этот раздел, сохраняет документы ровно такими, какими они были.

Как заполнить

  • HTML шапки / HTML подвала — содержимое каждой полосы. Если не хочется начинать с пустого поля, нажмите Шаблон фирменной полосы и отредактируйте то, что он подставит.
  • Высота шапки / подвала (мм) — сколько места полоса резервирует на странице. Слишком мало — и полоса налезет на тело документа; живой предпросмотр рядом с полями показывает результат прямо по ходу правки.
  • Шапка на / Подвал на — каждой странице или только первой странице.

Поля компании, заполняемые один раз

В разделе Поля компании вы вводите данные, которые печатают полосы: директор, регистрационный код, сайт, сайт магазина, банк, BIC/SWIFT и IBAN для MDL, USD и EUR. В HTML шапки и подвала вы ссылаетесь на них токенами — {company_iban_mdl}, {company_bank}, {company_reg_code} и остальными, — поэтому смена счёта позже означает правку одного поля здесь, а не каждого когда-либо сделанного шаблона.

Те же токены работают и в теле договора, а редактор договоров перечисляет их в панели полей слияния в группе Компания (шапка документа), чтобы вставлять их кликом, а не набирать вручную. Токен, который в шапке означает одно, в теле означает то же самое.

Если токен {...} всё же напечатался в готовом PDF буквально, то поле за ним пустое либо токен не входит в число зарегистрированных — сверьте написание с панелью полей слияния.

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

Продвинутый CSS

Для опытных пользователей поле Продвинутый CSS позволяет добавить немного дополнительного стиля поверх вашей темы. Оно для небольших безопасных доработок; TSync очищает и ограничивает то, что вы вводите (без опасного содержимого, без внешних ссылок), и применяет это последним, так что настоящая точечная правка берёт верх над значениями темы по умолчанию.

Это поле заменяет старый настройщик Theme Style, который теперь выведен из состава продукта и больше не поставляется. Если у вас там был свой CSS, TSync перенёс его в Продвинутый CSS при обновлении — так ваша стилизация живёт в одном месте.

Пресеты

Не знаете, с чего начать? Нажмите пресет — TSync по умолчанию, Индиго, Изумруд, Графит или Роза — чтобы применить готовую палитру, а затем донастройте.

Сохранить или сбросить

  • Сохранить тему применяет ваши настройки ко всей админ-панели.
  • Сбросить к умолчанию возвращает стандартный вид TSync.

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

Портал ваших клиентов

Ваши клиенты входят в собственный портал, чтобы увидеть свои счета, проекты, договоры и заявки в поддержку. Он несёт брендинг вашей компании, и TSync поддерживает его на текущем дизайне.

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

Это исправление безопасности, а не косметики. Пять страниц устаревшего дизайна — профиль, контакты, сохранённая платёжная карта, файлы и список файлов проекта — позволяли удалить объект простым переходом по ссылке, без защит, которые использует остальной TSync. Переход на текущий дизайн их убирает.

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

Если папка дизайна когда-либо пропадёт, TSync теперь откатывается на дизайн, поставляемый с продуктом, и записывает это. Раньше весь клиентский портал заменялся страницей ошибки, тогда как ваша админ-панель выглядела совершенно здоровой — то есть у вас всё казалось в порядке, а у клиентов не работало ничего.

Стоит сделать один раз после обновления: откройте собственный клиентский портал — достаточно страницы входа. Вы должны увидеть текущий дизайн со своим брендингом.