From bc5c2eaf8818e3c8e82f09b92e8c8bfe319683fe Mon Sep 17 00:00:00 2001
From: theronakpatel <eronax59@gmail.com>
Date: Thu, 8 Jan 2026 14:42:30 +0530
Subject: [PATCH] Keycloak Error message UI update

---
 core/css/guest.css | 37 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

diff --git a/core/css/guest.css b/core/css/guest.css
index 0184377..ee48746 100644
--- a/core/css/guest.css
+++ b/core/css/guest.css
@@ -1774,4 +1774,39 @@ a.legal {
     #body-login .login-form .notecard.notecard--error {
         color:#222222 !important;
     }  
-}   
\ No newline at end of file
+}   
+
+/* Error container */
+.login-pf-page #kc-error-message {
+    background: #fff4f4;
+    border-left: 4px solid #d92d20;
+    border-radius: 6px;
+    padding: 16px 18px;
+    margin-top: 20px;
+    position: relative;
+}
+
+/* Error icon (CSS-only) */
+.login-pf-page #kc-error-message::before {
+    content: "⚠️";
+    position: absolute;
+    left: 14px;
+    top: 16px;
+    font-size: 22px;
+    line-height: 1;
+}
+
+/* Push text right to make space for icon */
+.login-pf-page #kc-error-message .instruction {
+    margin: 0;
+    padding-left: 32px;
+    font-size: 14px;
+    line-height: 1.5;
+    color: #4b5563;
+}
+
+/* Make message feel like a title + description */
+.login-pf-page #kc-error-message .instruction::first-line {
+    font-weight: 600;
+    color: #1f2937;
+}
-- 
GitLab