Описание задачи

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

Основные требования

  • Кнопка-переключатель: Разместить в шапке сайта элемент (рекомендуется использовать иконку «Луна/солнце»).
  • Динамическая замена контента: При активации тёмной темы изображения-иконки (например, логотип, кнопки соцсетей, фоновые картинки) должны автоматически заменяться на соответствующие файлы светлой/тёмной вариации.
  • Смена цветов: Должны меняться стили для следующих элементов: заголовки, основной текст, фон страницы, ссылки.
  • Фиксация настроек: Выбор пользователя запоминается (persist state) и применяется при следующем визите (через cookie или localStorage на ваше усмотрение).
  • Анимация перехода: При переключении тем рекомендуется обеспечить плавный переход (например, изменение цвета фона за 0.3-0.5 секунды).

Техническая реализация

Настройка осуществляется через встроенный код JavaScript в Webflow. Библиотеки сторонних поставщиков не используются (только нативный код). Все изменения должны корректно работать и не нарушать резиновую верстку на планшетах и мобильных устройствах.

Архивация и тестирование сайта на Битрикс

Необходимо создать архивную копию сайта на Битрикс с текущего хостинга и провести проверку его работоспособности на двух других хостинг-платформах. Также требуется составить подробную инструкцию для самостоятельного развертывания.