You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
873 B
26 lines
873 B
4 years ago
|
// Toggle theme
|
||
|
|
|
||
|
|
const theme = window.localStorage && window.localStorage.getItem("theme");
|
||
|
|
const themeToggle = document.querySelector(".theme-toggle");
|
||
|
|
const isDark = theme === "dark";
|
||
|
|
var metaThemeColor = document.querySelector("meta[name=theme-color]");
|
||
|
|
|
||
|
|
if (theme !== 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");
|
||
|
|
});
|