feat: modding account console translations and icon

entropia/account/messages/messages_en.properties

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

entropia/account/theme.properties

@@ -1,14 +1,2 @@
-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
+parent=keycloak.v2
+logo=/img/entropia.svg

entropia/login/resources/css/login.css

@@ -1,3 +1,9 @@
+: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. */
@@ -6,9 +12,11 @@
 }
 
 .login-pf body {
-    background: url("../img/keycloak-bg.png") no-repeat center center fixed;
+    background: var(--default-background-color) url(../../../common/entropia/img/background.jpg);
+    background-position: center;
     background-size: cover;
     height: 100%;
+    color: var(--pf-global--Color--light-200);
 }
 
 textarea.pf-c-form-control {
@@ -28,8 +36,24 @@ 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 {
@@ -112,6 +136,8 @@ 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 {
@@ -123,15 +149,16 @@ div.kc-logo-text span {
 }
 
 #kc-form-webauthn .select-auth-box-desc {
-    color: var(--pf-global--palette--black-600);
+    color: var(--pf-global--palette--black-400);
 }
 
 #kc-form-webauthn .select-auth-box-headline {
-    color: var(--pf-global--Color--300);
+    color: var(--pf-global--palette-black--150);
 }
 
 #kc-form-webauthn .select-auth-box-icon {
     flex: 0 0 3em;
+    color: var(--default-background-color);
 }
 
 #kc-form-webauthn .select-auth-box-icon-properties {
@@ -147,6 +174,10 @@ 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;
 }
@@ -155,6 +186,14 @@ 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;
 }
@@ -171,7 +210,7 @@ div.kc-logo-text span {
 
 #kc-form-options .checkbox {
     margin-top: 0;
-    color: #72767b;
+    color: var(--pf-global--Color--light-300);
 }
 
 #kc-terms-text {
@@ -489,6 +528,7 @@ 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*/