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 @@ + + + +image/svg+xml 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 @@ + + +image/svg+xml \ 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*/