From 6a3ee36032a16f62124d8d162efbb6b7bcc7561b Mon Sep 17 00:00:00 2001
From: cazo <79615454+Cassolette@users.noreply.github.com>
Date: Wed, 4 Mar 2026 13:38:54 +0000
Subject: [PATCH 1/3] fix opencloud logo in keycloak not centered on mobile

---
 .../themes/opencloud/login/resources/css/theme.css  | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/config/keycloak/themes/opencloud/login/resources/css/theme.css b/config/keycloak/themes/opencloud/login/resources/css/theme.css
index 4a52947..39a0cf7 100644
--- a/config/keycloak/themes/opencloud/login/resources/css/theme.css
+++ b/config/keycloak/themes/opencloud/login/resources/css/theme.css
@@ -28,11 +28,16 @@ body {
 .kc-logo-text {
     background-image: url(../img/logo.svg) !important;
     background-size: contain;
-    width: 400px;
-    margin: 0 !important;
+    background-position: center;
 }
 
-#kc-header-wrapper{
+#kc-header-wrapper {
     display: flex;
     justify-content: center;
-}
\ No newline at end of file
+}
+
+@media (max-width: 767px) {
+    #kc-header-wrapper {
+        padding: 20px 60px 0;
+    }
+}

From 0ee1cc1b618ff7163be21849d7a0ecb9b389fa83 Mon Sep 17 00:00:00 2001
From: cazo <79615454+Cassolette@users.noreply.github.com>
Date: Wed, 4 Mar 2026 13:40:52 +0000
Subject: [PATCH 2/3] add styling to passkey button in keycloak theme

Support passkey sign in button via kcButtonSecondaryClass [1], since the
deprecated keycloak theme which opencloud imports, does not support it.

[1]: https://github.com/keycloak/keycloak/blob/main/themes/src/main/resources/theme/base/login/passkeys.ftl
---
 .../keycloak/themes/opencloud/login/resources/css/theme.css  | 5 +++++
 config/keycloak/themes/opencloud/login/theme.properties      | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/config/keycloak/themes/opencloud/login/resources/css/theme.css b/config/keycloak/themes/opencloud/login/resources/css/theme.css
index 39a0cf7..f86e5a4 100644
--- a/config/keycloak/themes/opencloud/login/resources/css/theme.css
+++ b/config/keycloak/themes/opencloud/login/resources/css/theme.css
@@ -41,3 +41,8 @@ body {
         padding: 20px 60px 0;
     }
 }
+
+.pf-c-button.pf-m-secondary {
+    color: var(--pf-global--Color--light-100) !important;
+    margin-top: var(--pf-global--spacer--sm);
+}
diff --git a/config/keycloak/themes/opencloud/login/theme.properties b/config/keycloak/themes/opencloud/login/theme.properties
index 767efe4..fd3db1c 100644
--- a/config/keycloak/themes/opencloud/login/theme.properties
+++ b/config/keycloak/themes/opencloud/login/theme.properties
@@ -2,4 +2,6 @@ parent=keycloak
 import=common/keycloak
 
 styles=css/login.css css/theme.css
-scripts=js/script.js
\ No newline at end of file
+scripts=js/script.js
+
+kcButtonSecondaryClass=pf-c-button pf-m-secondary btn-lg

From dca75cc55545dec16df86ce23b34c129b9942f36 Mon Sep 17 00:00:00 2001
From: cazo <79615454+Cassolette@users.noreply.github.com>
Date: Wed, 4 Mar 2026 14:15:04 +0000
Subject: [PATCH 3/3] refactor: use margin via specific theme class

---
 config/keycloak/themes/opencloud/login/resources/css/theme.css | 3 +++
 config/keycloak/themes/opencloud/login/theme.properties        | 1 +
 2 files changed, 4 insertions(+)

diff --git a/config/keycloak/themes/opencloud/login/resources/css/theme.css b/config/keycloak/themes/opencloud/login/resources/css/theme.css
index f86e5a4..3c04d27 100644
--- a/config/keycloak/themes/opencloud/login/resources/css/theme.css
+++ b/config/keycloak/themes/opencloud/login/resources/css/theme.css
@@ -44,5 +44,8 @@ body {
 
 .pf-c-button.pf-m-secondary {
     color: var(--pf-global--Color--light-100) !important;
+}
+
+.kc-margin-top {
     margin-top: var(--pf-global--spacer--sm);
 }
diff --git a/config/keycloak/themes/opencloud/login/theme.properties b/config/keycloak/themes/opencloud/login/theme.properties
index fd3db1c..1c978bb 100644
--- a/config/keycloak/themes/opencloud/login/theme.properties
+++ b/config/keycloak/themes/opencloud/login/theme.properties
@@ -5,3 +5,4 @@ styles=css/login.css css/theme.css
 scripts=js/script.js
 
 kcButtonSecondaryClass=pf-c-button pf-m-secondary btn-lg
+kcMarginTopClass=kc-margin-top