if(window.innerWidth > 1200) { let images = document.querySelectorAll("img"); for (let i = 0; i < images.length; i++) { let image = images[i]; // Lazy load UHD images image.onload = () => { if(image.src.includes("-1080P")) { image.src = image.src.replace("-1080P", "-UHD"); } } } } function setColorSchema(themeMode) { let theme = document.querySelector("body"); if(themeMode) { theme.classList.replace("dark", "light"); } else { theme.classList.replace("light", "dark"); } } if(document.getElementById("theme-button")) { document.getElementById("theme-button").addEventListener("click", () => { let theme = document.querySelector("body"); setColorSchema(theme.classList.contains("dark")); }); } console.log(window.matchMedia('(prefers-color-scheme: dark)')) window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => { setColorSchema(!event.matches); });