24 lines
875 B
JavaScript
24 lines
875 B
JavaScript
|
// Toggle theme
|
||
|
|
|
||
|
|
const getTheme = window.localStorage && window.localStorage.getItem("theme");
|
||
|
|
const themeToggle = document.querySelector(".theme-toggle");
|
||
|
|
const isDark = getTheme === "dark";
|
||
|
|
var metaThemeColor = document.querySelector("meta[name=theme-color]");
|
||
|
|
|
||
|
|
if (getTheme !== null) {
|
||
|
|
document.body.classList.toggle("dark-theme", isDark);
|
||
|
|
isDark ? metaThemeColor.setAttribute("content", "#252627") : metaThemeColor.setAttribute("content", "#fafafa");
|
||
|
|
}
|
||
|
|
|
||
|
|
themeToggle.addEventListener("click", () => {
|
||
|
|
document.body.classList.toggle("dark-theme");
|
||
|
|
window.localStorage &&
|
||
|
|
window.localStorage.setItem(
|
||
|
|
"theme",
|
||
|
|
document.body.classList.contains("dark-theme") ? "dark" : "light",
|
||
|
|
);
|
||
|
|
document.body.classList.contains("dark-theme") ?
|
||
|
|
metaThemeColor.setAttribute("content", "#252627") : metaThemeColor.setAttribute("content", "#fafafa");
|
||
|
|
;
|
||
|
|
});
|