---
title: Визуальная тема и брендинг
description: Настройте TSync под свой бренд — основной и акцентные цвета, скругления, шрифт и токены боковой панели, с живым предпросмотром, который влияет и на вход, PDF и письма.
product: TSync Intelligence 11.3.6
language: ru
canonical: https://docs.tsync.pro/ru/theme/
source: https://docs.tsync.pro/llms.txt
---

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

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

## Где открыть

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

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

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

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

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

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

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

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

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

## Ночной режим

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 буквально, то поле за ним пустое либо токен не входит в
> число зарегистрированных — сверьте написание с панелью полей слияния.

Всё это сохраняется по компаниям: при включённом [режиме нескольких компаний](multi-company.md) бланк,
сохранённый внутри компании, принадлежит именно ей.

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

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

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

## Пресеты

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

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

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

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

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

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

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

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

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

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

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