CASIO.BAZA Темная тема

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

Большую часть дня мы проводим за экраном компьютера или смартфона, а так как количество посетителей сайта casbaza.ru только повышается, разработка темной темы была лишь вопросом времени.

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

Изменение стилей на сайте кажется простой задачей: светлый фон меняем на темный, а черный шрифт на белый и все. Но на casbaza.ru таких стилей несколько тысяч, как быть?

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

Далее, нам нужно было сохранить значение выбранного пользователем параметра темы. Наиболее популярные варианты - хранить это значение в cookies на сервере или в localstorage в браузере.

Был выбран вариант localstorage - это более современный и оптимальный подход, не нагружающий сервер лишними запросами.