entropia/account/messages/messages_en.properties

@@ -1,2 +0,0 @@
-lastName=Name
-signingInSidebarTitle=Signing in & Security

entropia/account/theme.properties

@@ -1,2 +1,14 @@
-parent=keycloak.v2
-logo=/img/entropia.svg
+parent=base
+import=common/keycloak
+
+styles=css/account.css
+stylesCommon=node_modules/patternfly/dist/css/patternfly.min.css node_modules/patternfly/dist/css/patternfly-additions.min.css
+
+##### css classes for form buttons
+# main class used for all buttons
+kcButtonClass=btn
+# classes defining priority of the button - primary or default (there is typically only one priority button for the form)
+kcButtonPrimaryClass=btn-primary
+kcButtonDefaultClass=btn-default
+# classes defining size of the button
+kcButtonLargeClass=btn-lg

entropia/login/resources/css/login.css

@@ -1,9 +1,3 @@
-:root {
-    --pf-global--primary-color--100: #ea5b0c;
-    --default-background-color: #ea5b0c;
-    --link-hover-color: #ea5b0c;
-}
-
 /* Patternfly CSS places a "bg-login.jpg" as the background on this ".login-pf" class.
    This clashes with the "keycloak-bg.png' background defined on the body below.
    Therefore the Patternfly background must be set to none. */
@@ -12,11 +6,9 @@
 }
 
 .login-pf body {
-    background: var(--default-background-color) url(../../../common/entropia/img/background.jpg);
-    background-position: center;
+    background: url("../img/keycloak-bg.png") no-repeat center center fixed;
     background-size: cover;
     height: 100%;
-    color: var(--pf-global--Color--light-200);
 }
 
 textarea.pf-c-form-control {
@@ -36,24 +28,8 @@ p.instruction {
     border-color: rgba(230, 230, 230, 0.5);
 }
 
-.pf-c-button.pf-m-primary {
-    background: var(--default-background-color);
-}
-
-h1#kc-page-title::before {
-    content: "";
-    height: 200px;
-    display: block;
-    background-image: url(../../../common/entropia/img/pridetopia.svg);
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 143.37px 200px;
-    margin-bottom: 20px;
-}
-
 h1#kc-page-title {
     margin-top: 10px;
-    color: var(--pf-global--BackgroundColor--100);
 }
 
 #kc-locale ul {
@@ -136,8 +112,6 @@ div.kc-logo-text span {
 #kc-username {
     text-align: center;
     margin-bottom:-10px;
-    color: var(--pf-global--palette-black-150);
-    height: 290px;
 }
 
 #kc-webauthn-settings-form {
@@ -149,16 +123,15 @@ div.kc-logo-text span {
 }
 
 #kc-form-webauthn .select-auth-box-desc {
-    color: var(--pf-global--palette--black-400);
+    color: var(--pf-global--palette--black-600);
 }
 
 #kc-form-webauthn .select-auth-box-headline {
-    color: var(--pf-global--palette-black--150);
+    color: var(--pf-global--Color--300);
 }
 
 #kc-form-webauthn .select-auth-box-icon {
     flex: 0 0 3em;
-    color: var(--default-background-color);
 }
 
 #kc-form-webauthn .select-auth-box-icon-properties {
@@ -174,10 +147,6 @@ div.kc-logo-text span {
     margin: -1px 0;
 }
 
-#kc-form-webauthn .select-auth-box-paragraph {
-    color: var(--pf-global--palette--black-600);
-}
-
 #kc-content-wrapper {
     margin-top: 20px;
 }
@@ -186,14 +155,6 @@ div.kc-logo-text span {
     margin-top: 10px;
 }
 
-#kc-form-wrapper #kc-form-login label {
-    color: var(--pf-global--BackgroundColor--light-100);
-}
-
-#kc-form-wrapper #kc-form-login .pf-c-form-control {
-    background-color: var(--pf-global--BackgroundColor--light-300);
-}
-
 #kc-info {
     margin: 20px -40px -30px;
 }
@@ -210,7 +171,7 @@ div.kc-logo-text span {
 
 #kc-form-options .checkbox {
     margin-top: 0;
-    color: var(--pf-global--Color--light-300);
+    color: #72767b;
 }
 
 #kc-terms-text {
@@ -528,7 +489,6 @@ ul#kc-totp-supported-apps {
     max-width: 500px;
     border-top: 4px solid;
     border-color: var(--pf-global--primary-color--100);
-    background: var(--pf-global--BackgroundColor--dark-300);
 }
 
 /*phone*/