Цвет браузера

Всегда на связи — оперативно отвечаем на вопросы и помогаем с работой плагина.

Есть идея, чего не хватает? Делитесь предложениями — ваши задачи и пожелания становятся основой для новых функций и настроек.

Наша почта: info@brdone.ru

Ищите нас в мессенджерах: @br_done

Фирменный цвет в интерфейсе браузера

Плагин «Цвет браузера» задаёт цвет элементов браузера вокруг сайта: панели вкладки, адресной строки, окна установленного веб-приложения и интерфейса новых версий Safari. Достаточно выбрать основной цвет — плагин подключит необходимые способы интеграции автоматически.

Откройте Сайт → Плагины → Цвет браузера .

Выберите цвет или укажите собственное значение в формате #RRGGBB .

Нажмите Сохранить и обновите витрину.

Возможности

стандартный meta-тег theme-color ;

отдельный цвет для светлого и тёмного оформления;

web app manifest для Chrome и других Chromium-браузеров;

режим совместимости с окрашиванием интерфейса Safari 26;

синхронизация после SPA-переходов и восстановления страницы из кеша;

удаление конфликтующих дубликатов theme-color в готовой странице;

встроенная диагностика подключений.

Один цвет для всего Webasyst

Плагин устанавливается в приложение «Сайт» и работает через глобальный frontend-hook. Одна настройка применяется на страницах Shop-Script, «Сайта», «Блога», «Хаба», «Фото», WCMS и других frontend-приложений Webasyst.

Работает со всеми основными приложениями Webasyst

Используйте единый механизм управления согласием на страницах интернет-магазина,

корпоративного сайта, блога, сообщества, фотогалереи и других разделов проекта.

Shop-Script

Плагин не изменяет файлы тем дизайна. Если тема уже выводит собственный theme-color , значение синхронизируется в готовой странице. Если сайт подключает собственный web app manifest, он сохраняет приоритет.

Поддержка браузеров

Браузер Поддержка Механизм

Chrome и Edge на Android Полная theme-color и manifest

Safari 15–18.6 на iPhone, iPad и Mac Полная theme-color

Safari 26+ на iPhone и iPad Режим совместимости Цветовой маркер и viewport-fit

Safari 26+ на Mac Частичная Анализ цвета страницы браузером

Chrome и Edge на компьютере Установленное PWA Web app manifest

Другие Chromium-браузеры Зависит от браузера theme-color или manifest

Firefox Без окрашивания интерфейса Страница работает без изменений

Конкретная окрашиваемая область зависит от браузера, операционной системы и пользовательских настроек. Для Safari 26 на iPhone и iPad должна быть включена настройка окрашивания сайтов.

Совместимость с темами

Для автоматического подключения тема должна вызывать стандартный helper {$wa->head()} . В нестандартной теме вывод можно добавить вручную через {siteBrowsercolorPlugin::display()} внутри секции .

Все цвета проверяются перед сохранением и безопасно экранируются перед выводом.