1. Use data-bs-theme=”dark” in html tag 2. Replace the previous theme settings code with this code const themeDropdownIcon = document.getElementById(“themeDropdownIcon”);

function updateThemeIcon(theme) {
    if (!themeDropdownIcon) return;
    themeDropdownIcon.setAttribute(
        "icon",
        theme === "light" ? "bi:sun" : "bi:moon-stars" 
    );
}

// initialize UI icon from current attribute / storage
(function () {
    const saved = localStorage.getItem("theme");
    const current =
        saved || document.documentElement.getAttribute("data-bs-theme") || "dark";
    updateThemeIcon(current);
})();

document.getElementById("lightTheme")?.addEventListener("click", () => {
    document.documentElement.setAttribute("data-bs-theme", "light");
    localStorage.setItem("theme", "light");
    updateThemeIcon("light");
});

document.getElementById("darkTheme")?.addEventListener("click", () => {
    document.documentElement.setAttribute("data-bs-theme", "dark");
    localStorage.setItem("theme", "dark");
    updateThemeIcon("dark");
});

Hi, Just checked – it’s working now https://pixellyo.com/nextai/

We use a smooth scroller plugin. If you do not like the smooth scroll, then remove it from app.js (commented as “Initialize ScrollSmoother”)

This is an HTML template, so there is nothing necessary for editing the template. You can directly edit the template in a code editor, which is free.

Currently, we do not have an RTL version available; however, we plan to introduce RTL support in future updates. Thanks

You’ll find the video background source link in the documentation’s credit page. You can download the background from the source. Thanks

Thanks

Thanks