Открыть демо

Логотип и цвета

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

Где это настраивается. В панели, раздел app_settings. Здесь используется одна запись: если она уже есть — откройте её и правьте, если пусто — нажмите New record и создайте. Держите все настройки в этой одной записи (вторую панель не применит).

Любое пустое поле берёт значение по умолчанию, заданное при установке приложения. То есть можно поменять только то, что нужно, а остальное не трогать.

Как добавить логотип

Логотип загружается в двух версиях, потому что приложение бывает в светлой и тёмной теме:

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

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

Требования к файлу:

  • Лучший вид — горизонтальный логотип-надпись с прозрачным фоном (PNG или SVG). В шапке он рисуется небольшим (высотой примерно как строка текста).
  • JPEG без прозрачности даст белый прямоугольник вокруг логотипа.
  • До 5 МБ.

Как настроить цвета

  • accentLight — акцентный цвет для светлой темы, accentDark — для тёмной.
  • Цвет задаётся строго в формате #RRGGBB, например #0D9488. Другой формат панель не примет.
  • Оставите пустым — будет цвет по умолчанию.

Не знаете код цвета — найдите его в любом онлайн-подборщике по запросу «hex color picker» и скопируйте значение вида #0D9488.

Как поменять название

Поле appName — название приложения, которое видит гость. Пусто → название по умолчанию.

Иконка вкладки (по желанию)

favicon — маленькая иконка на вкладке браузера. PNG, SVG или ICO, до 1 МБ.

Как проверить

Сохраните запись и полностью перезагрузите приложение (закройте и откройте снова) — увидите новый логотип, цвета и название.

Частые ошибки

  • Цвет не применился — он введён не в формате #RRGGBB (словом или без #).
  • Вокруг логотипа белый прямоугольник — это JPEG без прозрачности. Нужен прозрачный PNG или SVG.
  • Логотип виден только в одной теме — залита только одна версия. Загрузите и logoLight, и logoDark.
  • Изменения не видно — приложение показывает старую версию, перезагрузите его полностью.