diff --git a/Dockerfile.dev b/Dockerfile.dev index 69a6183..7a4ce82 100644 --- a/Dockerfile.dev +++ b/Dockerfile.dev @@ -1,4 +1,4 @@ -FROM keycloak/keycloak:20.0.1 +FROM keycloak/keycloak:26.0.7 # Turn of caching in the configuration so we can modify the theme and refresh to see changes COPY ./renku-theme-dev/standalone.xml /opt/jboss/keycloak/standalone/configuration/standalone.xml diff --git a/renku_theme/account/theme.properties b/renku_theme/account/theme.properties index ef1fdee..caaed8d 100644 --- a/renku_theme/account/theme.properties +++ b/renku_theme/account/theme.properties @@ -1,2 +1,2 @@ -parent=keycloak.v2 +parent=keycloak.v3 logo=/img/logo.svg diff --git a/renku_theme/login/login.ftl b/renku_theme/login/login.ftl index 2ab7995..9affcc8 100755 --- a/renku_theme/login/login.ftl +++ b/renku_theme/login/login.ftl @@ -4,7 +4,7 @@ ${msg("loginAccountTitle")}
- ${kcSanitize(msg("termsText"))?no_esc} + ${msg("termsText")?no_esc}
<#elseif section = "socialProviders" > diff --git a/renku_theme/login/register.ftl b/renku_theme/login/register.ftl index 90a744e..4cfc266 100755 --- a/renku_theme/login/register.ftl +++ b/renku_theme/login/register.ftl @@ -4,7 +4,7 @@ ${msg("registerTitle")}
- ${kcSanitize(msg("termsText"))?no_esc} + ${msg("termsText")?no_esc}
<#elseif section = "form"> diff --git a/renku_theme/login/resources/css/login.css b/renku_theme/login/resources/css/login.css index 3a897f2..ab17c0d 100644 --- a/renku_theme/login/resources/css/login.css +++ b/renku_theme/login/resources/css/login.css @@ -26,12 +26,10 @@ } .login-pf body { - background-color: #07182b; - height: 100vh; - background-image: url("../img/background.svg"); - background-size: cover; - background-repeat: no-repeat; - + background-color: #09182bbf; + background-image: url("../img/dots_background.svg"); + background-repeat: repeat-x; + background-position: top; color: #fff; font-family: var(--inter-font); font-size: 16px; @@ -70,18 +68,20 @@ a { .renku-login-container { padding: 1.5rem; background-color: #09182bbf; + display: flex; + flex-flow: column; + align-items: center; } @media only screen and (min-width: 768px) { .renku-login-container { padding: 10px 85px; - height: 100%; } } .renku-login-card { position: relative; - top: 50px; + top: 30px; padding-bottom: 20px; } @@ -129,6 +129,7 @@ div#kc-social-providers h4 { } #kc-page-title { + margin-top: 0; margin-bottom: 40px; } @@ -236,11 +237,11 @@ span.pf-m-error.required { div#kc-header { background-image: url("../img/logo.svg"); - background-color: #07182b; background-size: cover; background-repeat: no-repeat; width: 200px; height: 80px; + margin-top: 200px; } div#kc-header-wrapper { diff --git a/renku_theme/login/resources/img/dots_background.svg b/renku_theme/login/resources/img/dots_background.svg new file mode 100644 index 0000000..b7d5ac4 --- /dev/null +++ b/renku_theme/login/resources/img/dots_background.svg @@ -0,0 +1,1532 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/renku_theme/login/terms.ftl b/renku_theme/login/terms.ftl index e7d74d1..a2bfeba 100644 --- a/renku_theme/login/terms.ftl +++ b/renku_theme/login/terms.ftl @@ -5,7 +5,7 @@ <#elseif section = "form">
- ${kcSanitize(msg("termsText"))?no_esc} + ${msg("termsText")?no_esc}