From 09e0d8f32a7bc197adfeaa7f0b816bfeae79ccba Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Thu, 25 Jun 2026 22:13:32 +0200
Subject: [PATCH] chore (keycloak): migrate login theme to keycloak.v2

---
 .../opencloud/login/resources/css/theme.css   | 37 ++++++++++++++-----
 .../opencloud/login/resources/js/script.js    |  2 +-
 .../themes/opencloud/login/theme.properties   |  4 +-
 3 files changed, 31 insertions(+), 12 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..450f406 100644
--- a/config/keycloak/themes/opencloud/login/resources/css/theme.css
+++ b/config/keycloak/themes/opencloud/login/resources/css/theme.css
@@ -1,8 +1,9 @@
 :root {
-    --pf-global--primary-color--100: #e2baff;
-    --pf-global--primary-color--200: #e2baff;
-    --pf-global--primary-color--dark-100: #e2baff;
-    --pf-global--Color--light-100: #20434f;
+    --pf-v5-global--primary-color--100: #e2baff;
+    --pf-v5-global--primary-color--200: #e2baff;
+    --pf-v5-global--primary-color--dark-100: #e2baff;
+    --pf-v5-c-button--m-secondary--Color: #e2baff;
+    --pf-v5-global--Color--light-100: #20434f;
 }
 
 @font-face {
@@ -26,13 +27,31 @@ body {
 }
 
 .kc-logo-text {
-    background-image: url(../img/logo.svg) !important;
+    display: block;
+    width: 300px;
+    height: 63px;
+    background: url('../img/logo.svg') no-repeat center;
     background-size: contain;
-    width: 400px;
-    margin: 0 !important;
 }
 
-#kc-header-wrapper{
+.kc-logo-text span {
+    display: none;
+}
+
+#kc-header-wrapper {
     display: flex;
     justify-content: center;
-}
\ No newline at end of file
+}
+
+.pf-v5-c-login__main-header {
+    border-top: 4px solid var(--pf-v5-global--primary-color--100);
+}
+
+@media (min-width: 1200px) {
+    .pf-v5-c-login__container {
+        grid-template-columns: 34rem;
+        grid-template-areas:
+        "header"
+        "main";
+    }
+}
diff --git a/config/keycloak/themes/opencloud/login/resources/js/script.js b/config/keycloak/themes/opencloud/login/resources/js/script.js
index 9c1d516..2ec013c 100644
--- a/config/keycloak/themes/opencloud/login/resources/js/script.js
+++ b/config/keycloak/themes/opencloud/login/resources/js/script.js
@@ -16,4 +16,4 @@ document.addEventListener("DOMContentLoaded", function () {
     }
 
     setLogoUrl('https://opencloud.eu')
-});
\ No newline at end of file
+});
diff --git a/config/keycloak/themes/opencloud/login/theme.properties b/config/keycloak/themes/opencloud/login/theme.properties
index 767efe4..f50e84a 100644
--- a/config/keycloak/themes/opencloud/login/theme.properties
+++ b/config/keycloak/themes/opencloud/login/theme.properties
@@ -1,5 +1,5 @@
-parent=keycloak
+parent=keycloak.v2
 import=common/keycloak
 
 styles=css/login.css css/theme.css
-scripts=js/script.js
\ No newline at end of file
+scripts=js/script.js