@oussemasahbeni/keycloakify-login-shadcn 250004.0.13 → 250004.0.15

package/keycloak-theme/login/components/Template/Template.tsx

@@ -228,10 +228,11 @@ export function Template(props: {
                                                         <a
                                                             href="#"
                                                             id="try-another-way"
-                                                            onClick={() => {
+                                                            onClick={(event) => {
                                                                 document.forms[
                                                                     "kc-select-try-another-way-form" as never
                                                                 ].submit();
+                                                                event.preventDefault();
                                                                 return false;
                                                             }}
                                                         >

package/keycloak-theme/public/early-color-scheme.js

@@ -0,0 +1,49 @@
+{
+    const isDark = (() => {
+        query_param: {
+            const value = new URLSearchParams(location.search).get("dark");
+
+            switch (value) {
+                case "true":
+                    return true;
+                case "false":
+                    return false;
+                default:
+                    break query_param;
+            }
+        }
+
+        local_storage: {
+            const value = localStorage.getItem("isDarkMode");
+
+            if (value === null) {
+                break local_storage;
+            }
+
+            switch (value) {
+                case "dark":
+                    return true;
+                case "light":
+                    return false;
+                default:
+                    break local_storage;
+            }
+        }
+
+        return matchMedia("(prefers-color-scheme: dark)").matches;
+    })();
+
+    {
+        const element = document.createElement("style");
+
+        element.innerHTML = `:root { color-scheme: ${isDark ? "dark" : "light"}; }`;
+
+        document.head.appendChild(element);
+    }
+
+    if (isDark) {
+        document.documentElement.classList.add("dark");
+    }
+
+    document.documentElement.style.backgroundColor = isDark ? "#0A0A0A" : "#FFFFFF";
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oussemasahbeni/keycloakify-login-shadcn",
-  "version": "250004.0.13",
+  "version": "250004.0.15",
   "description": "Keycloakify Shadcn Theme extensions",
   "license": "MIT",
   "repository": {