diff --git a/entropia/account/messages/messages_en.properties b/entropia/account/messages/messages_en.properties
new file mode 100644
index 0000000..fc5a218
--- /dev/null
+++ b/entropia/account/messages/messages_en.properties
@@ -0,0 +1,2 @@
+lastName=Name
+signingInSidebarTitle=Signing in & Security
diff --git a/entropia/account/resources/img/entropia.svg b/entropia/account/resources/img/entropia.svg
new file mode 100644
index 0000000..f00310a
--- /dev/null
+++ b/entropia/account/resources/img/entropia.svg
@@ -0,0 +1,99 @@
+
+
+
+
diff --git a/entropia/account/theme.properties b/entropia/account/theme.properties
index e7f1147..b689373 100644
--- a/entropia/account/theme.properties
+++ b/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
diff --git a/entropia/common/resources/img/background.jpg b/entropia/common/resources/img/background.jpg
new file mode 100644
index 0000000..a86f166
Binary files /dev/null and b/entropia/common/resources/img/background.jpg differ
diff --git a/entropia/common/resources/img/favicon.ico b/entropia/common/resources/img/favicon.ico
index 48188de..430485d 100644
Binary files a/entropia/common/resources/img/favicon.ico and b/entropia/common/resources/img/favicon.ico differ
diff --git a/entropia/common/resources/img/favicon.png b/entropia/common/resources/img/favicon.png
new file mode 100644
index 0000000..eeba2df
Binary files /dev/null and b/entropia/common/resources/img/favicon.png differ
diff --git a/entropia/common/resources/img/logo_white.png b/entropia/common/resources/img/logo_white.png
new file mode 100644
index 0000000..b65253c
Binary files /dev/null and b/entropia/common/resources/img/logo_white.png differ
diff --git a/entropia/common/resources/img/pridetopia.svg b/entropia/common/resources/img/pridetopia.svg
new file mode 100644
index 0000000..da74293
--- /dev/null
+++ b/entropia/common/resources/img/pridetopia.svg
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/entropia/common/resources/img/teebeutel.png b/entropia/common/resources/img/teebeutel.png
new file mode 100644
index 0000000..5bcdc92
Binary files /dev/null and b/entropia/common/resources/img/teebeutel.png differ
diff --git a/entropia/common/resources/img/teebeutel_black.png b/entropia/common/resources/img/teebeutel_black.png
new file mode 100644
index 0000000..a865728
Binary files /dev/null and b/entropia/common/resources/img/teebeutel_black.png differ
diff --git a/entropia/login/resources/css/login.css b/entropia/login/resources/css/login.css
index b4bf8ca..a54ead0 100644
--- a/entropia/login/resources/css/login.css
+++ b/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*/