script.js (1054B)
1 // GLOBAL SETTINGS // 2 3 if (sessionStorage.getItem("theme") != null) { 4 document.body.style.colorScheme = sessionStorage.getItem("theme") 5 } 6 7 // COLLAPSIBLE // 8 9 _collapsibleToggles = document.getElementsByClassName('_collapsible-toggle_') 10 for (let i = 0; i < _collapsibleToggles.length; i++) { 11 _collapsibleToggles[i].addEventListener("click", function () { 12 _collapsibleToggles[i].classList.toggle("--open") 13 _collapsibleContent = _collapsibleToggles[i].nextElementSibling 14 15 if (_collapsibleToggles[i].classList.contains("--open")) { 16 _collapsibleContent.style.height = _collapsibleContent.scrollHeight + "px" 17 } else { 18 _collapsibleContent.style.height = "0px" 19 } 20 }) 21 } 22 23 // SWAP THEME // 24 25 document.getElementById("swap-theme-bttn").onclick = (event) => { 26 document.body.style.colorScheme = 27 (document.body.style.colorScheme == "light" || 28 document.body.style.colorScheme == "") ? "dark" : "light" 29 sessionStorage.setItem("theme", document.body.style.colorScheme) 30 }