diff --git a/.gitignore b/.gitignore index cb071fb..2f3b249 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ +.idea # exclude the .env file which will be created from env.example .env # exclude custom compose files diff --git a/config/keycloak/themes/opencloud/login/resources/css/theme.css b/config/keycloak/themes/opencloud/login/resources/css/theme.css new file mode 100644 index 0000000..53fd927 --- /dev/null +++ b/config/keycloak/themes/opencloud/login/resources/css/theme.css @@ -0,0 +1,39 @@ +:root { + --pf-global--primary-color--100: #e2baff; + --pf-global--primary-color--200: #e2baff; + --pf-global--Color--light-100: #20434f; + --pf-global--primary-color--dark-100: #e2baff; + --pf-global--danger-color--100: #e2baff; +} + +@font-face { + font-family: OpenCloud; + src: url('../fonts/OpenCloud500-Regular.woff2') format('woff2'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: OpenCloud; + src: url('../fonts/OpenCloud750-Bold.woff2') format('woff2'); + font-weight: bold; + font-style: normal; +} + +body { + font-family: "OpenCloud", "Open Sans", Helvetica, Arial, sans-serif; + background: url(../img/background.png) no-repeat center !important; + background-size: cover !important; +} + +.kc-logo-text { + background-image: url(../img/logo.svg) !important; + background-size: contain; + width: 400px; + margin: 0 !important; +} + +#kc-header-wrapper{ + display: flex; + justify-content: center; +} \ No newline at end of file diff --git a/config/keycloak/themes/opencloud/login/resources/fonts/OpenCloud500-Regular.woff2 b/config/keycloak/themes/opencloud/login/resources/fonts/OpenCloud500-Regular.woff2 new file mode 100644 index 0000000..219abd8 Binary files /dev/null and b/config/keycloak/themes/opencloud/login/resources/fonts/OpenCloud500-Regular.woff2 differ diff --git a/config/keycloak/themes/opencloud/login/resources/fonts/OpenCloud750-Bold.woff2 b/config/keycloak/themes/opencloud/login/resources/fonts/OpenCloud750-Bold.woff2 new file mode 100644 index 0000000..1bc7076 Binary files /dev/null and b/config/keycloak/themes/opencloud/login/resources/fonts/OpenCloud750-Bold.woff2 differ diff --git a/config/keycloak/themes/opencloud/login/resources/img/background.png b/config/keycloak/themes/opencloud/login/resources/img/background.png new file mode 100644 index 0000000..9eaad2c Binary files /dev/null and b/config/keycloak/themes/opencloud/login/resources/img/background.png differ diff --git a/config/keycloak/themes/opencloud/login/resources/img/logo.svg b/config/keycloak/themes/opencloud/login/resources/img/logo.svg new file mode 100644 index 0000000..c8e40ea --- /dev/null +++ b/config/keycloak/themes/opencloud/login/resources/img/logo.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/config/keycloak/themes/opencloud/login/resources/js/script.js b/config/keycloak/themes/opencloud/login/resources/js/script.js new file mode 100644 index 0000000..9c1d516 --- /dev/null +++ b/config/keycloak/themes/opencloud/login/resources/js/script.js @@ -0,0 +1,19 @@ +document.addEventListener("DOMContentLoaded", function () { + const setLogoUrl = (url) => { + const logoTextSelector = document.querySelector(".kc-logo-text"); + + if (!logoTextSelector) { + return + } + + const link = document.createElement("a"); + link.href = url; + link.target = "_blank"; + + const parent = logoTextSelector.parentNode; + parent.insertBefore(link, logoTextSelector); + link.appendChild(logoTextSelector); + } + + setLogoUrl('https://opencloud.eu') +}); \ No newline at end of file diff --git a/config/keycloak/themes/opencloud/login/theme.properties b/config/keycloak/themes/opencloud/login/theme.properties new file mode 100644 index 0000000..767efe4 --- /dev/null +++ b/config/keycloak/themes/opencloud/login/theme.properties @@ -0,0 +1,5 @@ +parent=keycloak +import=common/keycloak + +styles=css/login.css css/theme.css +scripts=js/script.js \ No newline at end of file