https://digitalmagiciansstudios.com/wp-content/themes/digitalmagic…/site-interaction.js?ver=1788654877

1document.addEventListener("DOMContentLoaded", () => {
2  const sections = document.querySelectorAll(".section");
3
4  function updateBodyBackground() {
5    const midpoint = window.innerHeight / 2;
6    let isWhite = false;
7
8    sections.forEach((section) => {
9      const rect = section.getBoundingClientRect();
10      if (rect.top <= midpoint && rect.bottom >= midpoint) {
11        const color = section.getAttribute("data-color")?.toLowerCase();
12        const computedBg = window.getComputedStyle(section).backgroundColor;
13
14        if (
15          color === "#fff" || color === "#ffffff" || color === "white" ||
16          computedBg === "rgb(255, 255, 255)"
17        ) {
18          isWhite = true;
19        }
20      }
21    });
22
23    document.body.classList.toggle("white-bg", isWhite);
24  }
25
26  updateBodyBackground();
27  window.addEventListener("scroll", updateBodyBackground);
28  window.addEventListener("resize", updateBodyBackground);
29});