diff --git a/bootstrap/keycloak-theme/Dockerfile b/bootstrap/keycloak-theme/Dockerfile new file mode 100644 index 00000000..7c54f64b --- /dev/null +++ b/bootstrap/keycloak-theme/Dockerfile @@ -0,0 +1,3 @@ +FROM busybox + +COPY keycloak-themes/oceanbox /theme diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/css/login.css b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/css/login.css new file mode 100644 index 00000000..3bf3c1b5 --- /dev/null +++ b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/css/login.css @@ -0,0 +1,59 @@ +:root { + --keycloak-logo-url: url('../img/keycloak-logo-text.png'); + --keycloak-logo-height: 63px; + --keycloak-logo-width: 300px; +} + +.pf-v5-c-login__container { + grid-template-columns: 34rem; + grid-template-areas: "header" + "main" +} + +.login-pf body { + background: url("../img/oceanbox-bg.png") no-repeat center center fixed; + background-size: cover; + height: 100%; +} + +div.kc-logo-text { + background-image: var(--keycloak-logo-url); + height: var(--keycloak-logo-height); + width: var(--keycloak-logo-width); + background-repeat: no-repeat; + background-size: contain; + margin: 0 auto; +} + +div.kc-logo-text span { + display: none; +} + +#kc-recovery-codes-list { + columns: 2; +} + +#certificate_subjectDN { + overflow-wrap: break-word +} + +#kc-header-wrapper { + font-size: 29px; + text-transform: uppercase; + letter-spacing: 3px; + line-height: 1.2em; + white-space: normal; + color: var(--pf-v5-global--Color--light-100) !important; + text-align: center; +} + +hr { + margin-top: var(--pf-v5-global--spacer--sm); + margin-bottom: var(--pf-v5-global--spacer--md); +} + +@media (min-width: 768px) { + div.pf-v5-c-login__main-header { + grid-template-columns: 70% 30%; + } +} diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-error-arrow-down.png b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-error-arrow-down.png new file mode 100644 index 00000000..6f2d9d2a Binary files /dev/null and b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-error-arrow-down.png differ diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-error-sign.png b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-error-sign.png new file mode 100644 index 00000000..0dd50044 Binary files /dev/null and b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-error-sign.png differ diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-success-arrow-down.png b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-success-arrow-down.png new file mode 100644 index 00000000..03cc0c45 Binary files /dev/null and b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-success-arrow-down.png differ diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-success-sign.png b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-success-sign.png new file mode 100644 index 00000000..640bd71c Binary files /dev/null and b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-success-sign.png differ diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-warning-arrow-down.png b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-warning-arrow-down.png new file mode 100644 index 00000000..6f2d9d2a Binary files /dev/null and b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-warning-arrow-down.png differ diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-warning-sign.png b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-warning-sign.png new file mode 100644 index 00000000..f9392a35 Binary files /dev/null and b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/feedback-warning-sign.png differ diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/keycloak-bg.png b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/keycloak-bg.png new file mode 100644 index 00000000..4004db44 Binary files /dev/null and b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/keycloak-bg.png differ diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/keycloak-logo-text.png b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/keycloak-logo-text.png new file mode 100644 index 00000000..63f3b9f8 Binary files /dev/null and b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/keycloak-logo-text.png differ diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/keycloak-logo.png b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/keycloak-logo.png new file mode 100644 index 00000000..ffa5b0bf Binary files /dev/null and b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/keycloak-logo.png differ diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/oceanbox-bg.png b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/oceanbox-bg.png new file mode 100644 index 00000000..9bdb747b Binary files /dev/null and b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/oceanbox-bg.png differ diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/oceanbox-logo-text.png b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/oceanbox-logo-text.png new file mode 100644 index 00000000..37da0c3e Binary files /dev/null and b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/resources/img/oceanbox-logo-text.png differ diff --git a/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/theme.properties b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/theme.properties new file mode 100644 index 00000000..d259b597 --- /dev/null +++ b/bootstrap/keycloak-theme/keycloak-themes/oceanbox/login/theme.properties @@ -0,0 +1,3 @@ +parent=keycloak.v2 + +styles=css/login.css