cwchristerw/keycloak-themes
1
0
Fork 0
Code

Add login & welcome theme

Browse Source
This commit is contained in:
Christer Warén 2022-06-16 11:35:20 +03:00
parent 2c8f83cfbb
commit 6ec14dc919
13 changed files with 153 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
cwchristerw/login/resources/css/cwchristerw.css Normal file
View File

@ -0,0 +1,56 @@
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/galaxy-2643089-low.jpg") !important;
background-color: #111111;
background-repeat: no-repeat;
background-position: center;
background-size: cover !important;
}
@font-face {
font-family: "Akashi";
src: url('../fonts/Akashi.ttf');
}
#kc-header-wrapper {
font-family: "Akashi", sans-serif;
}
@media (max-width: 767px){
#kc-header {
text-align: center;
}
#kc-header-wrapper {
color: inherit;
font-size: 29px;
padding: 62px 10px 20px;
}
div.kc-logo-text {
height: 63px;
width: 300px;
margin: auto;
}
.login-pf body {
background: url("../img/keycloak-bg.png") no-repeat center center fixed;
}
.login-pf-page {
margin: 20px;
}
.login-pf-page .card-pf {
max-width: 500px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
border-top: 4px solid;
border-color: var(--pf-global--primary-color--100);
}
}
#social-warengroup .kc-social-provider-name, #social-cwchristerw .kc-social-provider-name {
font-family: "Akashi", sans-serif;
color: #000000;
}

BIN
cwchristerw/login/resources/fonts/Akashi.ttf Executable file
View File

Binary file not shown.

BIN
cwchristerw/login/resources/img/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
cwchristerw/login/resources/img/galaxy-2643089-low.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 153 KiB

BIN
cwchristerw/login/resources/img/galaxy-2643089.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 MiB

2
cwchristerw/login/theme.properties Normal file
View File

@ -0,0 +1,2 @@
parent=keycloak
styles=css/login.css css/tile.css css/cwchristerw.css

33
cwchristerw/welcome/index.ftl Executable file
View File

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<title>Christer Warén - SSO</title>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="noindex, nofollow">
<link rel="shortcut icon" href="${resourcesPath}/img/favicon.ico" />
<#if properties.styles?has_content>
<#list properties.styles?split(' ') as style>
<link href="${resourcesPath}/${style}" rel="stylesheet" />
</#list>
</#if>
</head>
<body>
<header>
<h1>Christer Warén</h1>
<p>Single Sign-On</p>
</header>
<main>
<a href="admin">Administration Console</a>
<hr>
<a href="https://christerwaren.fi">Website</a>
</main>
<footer>
<p class="copyright">&copy;2022 <a href="https://christerwaren.fi">Christer Warén</a></p>
</footer>
</body>
</html>

60
cwchristerw/welcome/resources/css/cwchristerw.css Normal file
View File

@ -0,0 +1,60 @@
body {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/galaxy-2643089-low.jpg") !important;
background-repeat: no-repeat;
background-position: center;
background-size: cover !important;
background-color: #111111;
align-items: center;
justify-content: center;
width: 100vw;
height: 100vh;
text-align: center;
}
*, *:active, *:focus, *:hover, *:visited, *:link {
color: #ffffff;
text-decoration: none;
font-family: "Akashi", sans-serif;
}
@font-face {
font-family: "Akashi";
src: url('../fonts/Akashi.ttf');
}
body, main {
display: flex;
flex-direction: column;
}
p, main a {
font-weight: bold;
font-size: 1.5em;
}
h1 {
font-size: 3em;
margin-bottom: 0;
}
p {
margin: 0;
}
hr {
width: 100%;
margin: 0;
}
main {
margin-top: 50px;
margin-bottom: 50px;
}
main a {
padding: 10px 20px;
}
main a:hover {
background-color: #ffffff14;
}

BIN
cwchristerw/welcome/resources/fonts/Akashi.ttf Executable file
View File

Binary file not shown.

BIN
cwchristerw/welcome/resources/img/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
cwchristerw/welcome/resources/img/galaxy-2643089-low.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 153 KiB

BIN
cwchristerw/welcome/resources/img/galaxy-2643089.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 MiB

2
cwchristerw/welcome/theme.properties Executable file
View File

@ -0,0 +1,2 @@
parent=keycloak
styles=css/cwchristerw.css