From 3fbbe2263b6916a2ce54b8be536de2dd8c3b7c9e Mon Sep 17 00:00:00 2001 From: mattyl006 Date: Wed, 7 Dec 2022 16:22:25 +0100 Subject: [PATCH] login theme for keycloak complete --- .../login/resources/css}/login-styles.css | 44 +++++++++++++++++++ .../gonito/login/theme.properties | 3 ++ src/keycloak-themes/register-styles.css | 1 - 3 files changed, 47 insertions(+), 1 deletion(-) rename src/keycloak-themes/{ => gonito/login/resources/css}/login-styles.css (53%) create mode 100644 src/keycloak-themes/gonito/login/theme.properties delete mode 100644 src/keycloak-themes/register-styles.css diff --git a/src/keycloak-themes/login-styles.css b/src/keycloak-themes/gonito/login/resources/css/login-styles.css similarity index 53% rename from src/keycloak-themes/login-styles.css rename to src/keycloak-themes/gonito/login/resources/css/login-styles.css index 29d98ad..04d30da 100644 --- a/src/keycloak-themes/login-styles.css +++ b/src/keycloak-themes/gonito/login/resources/css/login-styles.css @@ -1,5 +1,9 @@ @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500&family=Roboto:wght@300;400;500&family=Ubuntu:wght@300;400;500&display=swap'); +:root { + --pf-global--primary-color--dark-100: #1B998B; +} + body { font-family: 'Roboto', sans-serif; font-size: 12px; @@ -23,6 +27,19 @@ body { border-radius: 4px; } +a { + color: #343434; + font-weight: 500; +} + +a:hover { + color: #1B998B; +} + +#rememberMe { + margin: 3px 0 0 -20px; +} + .login-pf body { height: 100%; display: flex; @@ -43,3 +60,30 @@ body { justify-content: center; } +.login-pf-settings div:last-child { + display: flex; + justify-content: center; + align-items: center; +} + +.pf-c-form-control::placeholder { + color: #1B998B; +} + +.pf-c-form-control:focus { + --pf-c-form-control--BorderBottomColor: #1B998B; + padding-bottom: #1B998B; + border-bottom-width: #1B998B; +} + +.login-pf-settings div:last-child span { + margin-top: 1px; +} + +#kc-form-options div { + margin-bottom: 6px; +} + +#kc-form-buttons input { + background-color: #1B998B; +} diff --git a/src/keycloak-themes/gonito/login/theme.properties b/src/keycloak-themes/gonito/login/theme.properties new file mode 100644 index 0000000..f083275 --- /dev/null +++ b/src/keycloak-themes/gonito/login/theme.properties @@ -0,0 +1,3 @@ +parent=keycloak +import=common/keycloak +styles=css/login-styles.css \ No newline at end of file diff --git a/src/keycloak-themes/register-styles.css b/src/keycloak-themes/register-styles.css deleted file mode 100644 index 19b20b8..0000000 --- a/src/keycloak-themes/register-styles.css +++ /dev/null @@ -1 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500&family=Roboto:wght@300;400;500&family=Ubuntu:wght@300;400;500&display=swap');