diff --git a/forms/common-themes/src/main/resources/theme/login/keycloak/resources/css/styles.css b/forms/common-themes/src/main/resources/theme/login/keycloak/resources/css/styles.css
index f767d53699..dcefec6a89 100644
--- a/forms/common-themes/src/main/resources/theme/login/keycloak/resources/css/styles.css
+++ b/forms/common-themes/src/main/resources/theme/login/keycloak/resources/css/styles.css
@@ -1,5 +1,28 @@
 @IMPORT url("../../rcue/css/styles.css");
 
-body {
-    xbackground: #083556 !important;
+body.kc-login-register {
+    background-color: #114872;
+    background-image: url("../img/login-bg.png");
 }
+
+.kc-login-register .background-area {
+    background-color: rgba(0, 0, 0, 0.25);
+}
+
+a {
+    color: #3faae4;
+}
+
+input[type="button"].btn-primary,
+button.btn-primary,
+input[type="submit"].btn-primary,
+a.button.btn-primary {
+    background-color: #198bc9;
+    background-image: linear-gradient(top, #1f97d8 0%, #1280bc 100%);
+    background-image: -o-linear-gradient(top, #1f97d8 0%, #1280bc 100%);
+    background-image: -moz-linear-gradient(top, #1f97d8 0%, #1280bc 100%);
+    background-image: -webkit-linear-gradient(top, #1f97d8 0%, #1280bc 100%);
+    background-image: -ms-linear-gradient(top, #1f97d8 0%, #1280bc 100%);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1f97d8), color-stop(1, 0, #1280bc));
+    border-color: #005e91;
+}
\ No newline at end of file
diff --git a/forms/common-themes/src/main/resources/theme/login/keycloak/resources/img/login-bg.png b/forms/common-themes/src/main/resources/theme/login/keycloak/resources/img/login-bg.png
new file mode 100644
index 0000000000..6fcf92bb8a
Binary files /dev/null and b/forms/common-themes/src/main/resources/theme/login/keycloak/resources/img/login-bg.png differ