Как переключаться между светлой и тёмной темой на любом сайте

👉 Переключаемся между светлой и тёмной темой на любом сайте (Часть 17) :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: В этом видео я покажу, как настроить переключение между светлой и тёмной темой на сайте портфолио с использованием JavaScript и Local Storage. Мы рассмотрим, откуда взять иконки для темы, как настроить JavaScript для работы с темами, а также научимся сохранять выбранную тему даже после перезагрузки страницы или повторного открытия сайта. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Что вас ждёт в этом видео: 🔧 Как выбрать и подключить иконки для тем. 🚀 Как настроить JavaScript для переключения тем. 🛠 Как использовать Local Storage, чтобы сохранять тему, выбранную пользователем, даже после перезагрузки сайта. 👉 После этого урока ваш сайт будет поддерживать удобное переключение между темами, которое сохранится при каждом посещении! :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 👉 GitHub Repo - https://github.com/Ilya-Stoyanov/site...
👉 ScrollReveal - https://scrollrevealjs.org/
🚀 Курс по Верстке - https://frontend-courses.com/
💈 Подписывайтесь на Telegram - https://t.me/ilya_stoyanov
⏱️ Timestamps: 00:05 — Интро 00:45 — Вёрстка: создание структуры 01:08 — Добавляем иконки для переключения тем 01:36 — CSS: стилизация тем 03:43 — Работа с JavaScript для переключения тем 10:50 — Использование Local Storage для сохранения темы 17:00 — Корректировка CSS стилей для темы 17:50 — Объяснение работы со стилями для тем 👍 Спасибо за просмотр! Если видео было полезным, ставьте лайк и подписывайтесь, чтобы не пропустить новые уроки по вёрстке и созданию сайтов! 💜