Для изменения в объект divs необходимо добавить ключ в объект, ключ принимает все тоже самое, что и CSS (.divs, #id, html и т.д) и чередовать несколько, через запятую (.div1, .div2)
for example:
'body': {
'background-color': 'orange',
'color': 'yellow'
}В примере выше мы берем body и меняем ему background-color на orange, а color меняем на yellow.
Основные классы и элементы уже прописаны в объекте, но можете заменить на свои.
Порядок установки:
1. Архив распаковать в корень
2. Подключить файл стилей для иконки и файл скрипта в /themes/default/templates/system/layout/default.phtml
<link rel="stylesheet" href="<?= $this->asset('css/moon.css', true) ?>">
<script src="<?= $this->asset('js/moon.js', true) ?>"></script>Подключайте после всех стилей, в дефолтном шаблоне это на ~42 строке.
3. Кнопку для переключения нужно добавить после кнопки скрола, в том же дефолтном шаблоне это строка ~116 то есть после закрытия дива "<div class="to-top to-top_hidden">". Добавить нужно:
<div class="moon-button moon">
<button class="btn">
<img src="<?= $this->asset('icons/moon.svg') ?>" alt="moon">
</button>
</div>
Всегда актуальная версия по этой ссылке