@keycloakify/keycloak-account-ui/keycloak-theme/public/account/early-color-scheme.js

<p align="center"> <img src="https://github.com/user-attachments/assets/e31c4910-7205-441c-9a35-e134b806b3a8"> </p> <p align="center"> <i>Repackaged Keycloak Account UI</i> <br> <br> <a href="https://github.com/keycloakify/keycloak-a

{

    const BACKGROUND_COLOR_DARK_MODE= "#121212";
    const BACKGROUND_COLOR_LIGHT_MODE = "#FFFFFF";
    const DARK_THEME_CLASS= "pf-v5-theme-dark";

    const isDarkModeEnabled = (() => {

        keycloak_policy: {
            if( typeof kcContext === "undefined" ){
                break keycloak_policy;
            }

            if( kcContext.darkMode !== false ){
                break keycloak_policy;
            }

            return false;
        }

        return matchMedia("(prefers-color-scheme: dark)").matches;
    })();

    {
        const element = document.createElement("style");

        element.id = "root-color-scheme-style";

        element.innerHTML = `:root { color-scheme: ${isDarkModeEnabled ? "dark" : "light"}; }`;

        document.head.appendChild(element);
    }

    document.documentElement.style.backgroundColor = isDarkModeEnabled
        ? BACKGROUND_COLOR_DARK_MODE
        : BACKGROUND_COLOR_LIGHT_MODE;

    if (isDarkModeEnabled) {
        document.documentElement.classList.add(DARK_THEME_CLASS);
    }

}