finallycoffee/keycloak-theme
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: update finallycoffee theme for keycloak 25+

Browse Source
This commit is contained in:
transcaffeine 2024-11-08 20:20:12 +01:00
parent c84b445972
commit 99eba86f60
Signed by: transcaffeine
GPG Key ID: 03624C433676E465
2 changed files with 10 additions and 142 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

149
finallycoffee/welcome/resources/css/welcome.css
View File

@ -3,147 +3,14 @@ body {
background-size: cover; background-size: cover;
color: #ccc; color: #ccc;
} }
.welcome-header {
margin-top: 30px; .pf-v5-c-background-image {
margin-bottom: 60px; /* Change background size so that the image covers the entire background. */
margin-left: -10px; --pf-v5-c-background-image--BackgroundSize: cover;
color: #ddd;
}
.welcome-header img {
width: 150px;
margin-bottom: 40px;
}
.welcome-header h1 {
font-weight: 500 !important;
}
.welcome-header h1 strong {
font-weight: 800 !important;
}
.welcome-message {
margin-top: 20px;
}
.h-l {
min-height: 370px;
padding: 10px 20px 10px;
overflow: hidden;
}
.h-l h3 {
margin-bottom: 10px;
}
.h-m {
height: 110px;
padding-top: 23px;
}
.card-pf img {
width: 22px;
margin-right: 10px;
vertical-align: bottom;
}
img.doc-img {
width: auto;
height: 22px;
}
.link {
font-size: 16px;
vertical-align: baseline;
margin-left: 5px;
}
h3 {
font-weight: 550;
}
h3 a:link,
h3 a:visited {
color: #ddd;
font-weight: 550;
}
h3 a:hover,
h3 a:hover .link {
text-decoration: none;
color: #00659c;
}
.h-l h3 a img {
height: 30px;
width: auto;
} }
.description { .pf-v5-c-login__container {
margin-top: 30px; /* Change the grid layout so that the header is always above the main area. */
} grid-template-areas: "header" "main";
--pf-v5-c-login__container--xl--GridTemplateColumns: minmax(auto, 34rem);
.card-pf {
border-top: 1px solid rgba(3, 3, 3, 0.1);
box-shadow: 0 1px 1px rgba(3, 3, 3, 0.275);
background: #222;
}
.welcome-form label,
.welcome-form input {
display: block;
width: 100%;
}
.welcome-form label {
color: #828486;
font-weight: normal;
margin-top: 18px;
}
.welcome-form input {
border: 0;
border-bottom: solid 1px #cbcbcb;
}
.welcome-form input:focus {
border-bottom: solid 1px #5e99c6;
outline-width: 0;
}
.welcome-form button {
margin-top: 10px;
}
.error {
color: #c00;
border-color: #c00;
padding: 5px 10px;
}
.success {
color: #3f9c35;
border-color: #3f9c35;
padding: 5px 10px;
}
.welcome-form + .welcome-primary-link,
.welcome-message + .welcome-primary-link {
display: none;
}
.footer img {
float: right;
width: 150px;
margin-top: 30px;
}
@media (max-width: 768px) {
.welcome-header {
margin-top: 10px;
margin-bottom: 20px;
}
.welcome-header img {
margin-bottom: 20px;
}
h3 {
margin-top: 10px;
}
.h-l,
.h-m {
height: auto;
min-height: auto;
padding: 5px 10px;
}
.h-l img {
display: inline;
margin-bottom: auto;
}
.description {
display: none;
}
.footer img {
margin-top: 10px;
}
} }

3
finallycoffee/welcome/theme.properties
View File

@ -1,7 +1,8 @@
styles=css/welcome.css styles=css/welcome.css
import=common/keycloak import=common/keycloak
stylesCommon=node_modules/patternfly/dist/css/patternfly.css node_modules/patternfly/dist/css/patternfly-additions.css #stylesCommon=node_modules/patternfly/dist/css/patternfly.css node_modules/patternfly/dist/css/patternfly-additions.css
stylesCommon=node_modules/@patternfly-v5/patternfly/patternfly.min.css node_modules/@patternfly-v5/patternfly/patternfly-addons.css
productName=id.finally.coffee productName=id.finally.coffee
documentationUrl=https://www.keycloak.org/documentation.html documentationUrl=https://www.keycloak.org/documentation.html