Claim Details

document.addEventListener("DOMContentLoaded", () => { const themeColorLight = document.getElementById("themeColorLight"); const themeColorDark = document.getElementById("themeColorDark"); const notificationBar = document.querySelector("[data-notification-bar]"); const initialColorLight = notificationBar ? window.getComputedStyle(notificationBar).backgroundColor : "#FFFFFF"; const initialColorDark = notificationBar ? window.getComputedStyle(notificationBar).backgroundColor : "#000000"; themeColorLight.content = initialColorLight; themeColorDark.content = initialColorDark; const notificationBarHeight = notificationBar ? notificationBar.offsetHeight : 0; const updateThemeColorOnScroll = () => { const currentScroll = window.scrollY; const colorAfterScrollLight = currentScroll > notificationBarHeight ? "#000000" : initialColorLight; const colorAfterScrollDark = currentScroll > notificationBarHeight ? "#000000" : initialColorDark; themeColorLight.content = colorAfterScrollLight; themeColorDark.content = colorAfterScrollDark; }; window.addEventListener("scroll", updateThemeColorOnScroll); });