function checkCookies() { if (getCookie('dark_theme') == "true" || getCookie('dark_theme') == "false") { if (getCookie('dark_theme') == "true") { setDarkTheme(); } if (getCookie('dark_theme') == "false") { setWhriteTheme(); } } else { if (window.matchMedia('(prefers-color-scheme: dark)').matches) { setDarkTheme(); } else { setWhriteTheme(); } } } checkCookies(); function setCookie(name, value, days) { let expires = ""; if (days) { let date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; domain=squad.root.sx; path=/"; } function getCookie(name) { let matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)")); return matches ? decodeURIComponent(matches[1]) : undefined; } $(".dark_mode").on("click", function () { if ($(this).is(":checked")) { setDarkTheme(); } else { setWhriteTheme(); } }); function setDarkTheme(){ setCookie('dark_theme', 'true', 365); $(".dark_mode").prop("checked", true); for (let elem of $(":root")) { elem.classList.remove("whrite-theme"); } $(".dark_mode__sun_slider").css({"opacity":"0"}); $(".dark_mode__moon_slider").css({"opacity":"1"}); $("#HomeBG_Img1").css({"display":"block"}); $("#HomeBG_Img2").css({"display":"none"}); $("#HomeBG_Img3").css({"display":"block"}); $("#HomeBG_Img4").css({"display":"none"}); // Добавить эти строки для пятой пары изображений: $("#HomeBG_Img5").css({"display":"block"}); $("#HomeBG_Img6").css({"display":"none"}); } function setWhriteTheme(){ for (let elem of $(":root")) { elem.classList.add("whrite-theme"); } $(".dark_mode").prop("checked", false); setCookie('dark_theme', 'false', 365); $(".dark_mode__moon_slider").css({"opacity":"0"}); $(".dark_mode__sun_slider").css({"opacity":"1"}); $("#HomeBG_Img1").css({"display":"none"}); $("#HomeBG_Img2").css({"display":"block"}); $("#HomeBG_Img3").css({"display":"none"}); $("#HomeBG_Img4").css({"display":"block"}); // Добавить эти строки для пятой пары изображений: $("#HomeBG_Img5").css({"display":"none"}); $("#HomeBG_Img6").css({"display":"block"}); }