/
PowerSl1d3
/
blog-design
Обзор
Документация
Войти
/
PowerSl1d3
/
blog-design
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
src/js/toggleDarkMode.js
19 строк
861 B
Tim
Set theme color in the same way as dark mode
03 янв 2023, 16:39
Не верифицирован
03 янв 2023, 16:39
025f13e
Код
Авторство
О чём код?
const toggleSwitch = document.querySelector('#theme-switch'); //function that changes the theme, and sets a localStorage variable to track the theme between page loads function switchTheme(e) { if (document.documentElement.classList.contains("dark")) { localStorage.setItem('theme', 'light'); document.documentElement.classList.remove("dark"); var metaThemeColor = document.querySelector("meta[name=theme-color]"); metaThemeColor.setAttribute("content", "#ffffff"); } else { localStorage.setItem('theme', 'dark'); document.documentElement.classList.add("dark"); var metaThemeColor = document.querySelector("meta[name=theme-color]"); metaThemeColor.setAttribute("content", "#141416"); } } // listener for changing themes toggleSwitch.addEventListener('click', switchTheme, false);