mirror of
https://github.com/keycloak/keycloak.git
synced 2026-02-18 18:37:54 -05:00
566e41cc72
* added a way to customize theme colors fixes: #33233 Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * added preview and grouped vars Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * added dark mode Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * fixed label Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * added empty check Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * use json string in attributes Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * removed use of not exported type Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * output css based on JSON string Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * added feature flag Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * added a way to customize theme colors fixes: #33233 Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * renamed feature to quick theme Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * fixed merge error Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * Restore the Cache tab in Realm Settings (#34311) closes keycloak#17727 Signed-off-by: Christian Janker <christian.janker@gmx.at> Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * added a way to customize theme colors fixes: #33233 Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * create a zip file instead Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * added themes.json to make jar usable Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * use property instead of attribute Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * fix the jar file Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> * fixed header for preview and some text Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> --------- Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com> Signed-off-by: Christian Janker <christian.janker@gmx.at> Co-authored-by: Christian Ja <christian.janker@gmx.at>
94 lines
No EOL
1.7 KiB
CSS
94 lines
No EOL
1.7 KiB
CSS
.pf-v5-c-login__container {
|
|
grid-template-columns: 34rem;
|
|
grid-template-areas: "header"
|
|
"main"
|
|
}
|
|
|
|
.login-pf body {
|
|
background: var(--keycloak-bg-logo-url) 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-login-tooltip {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.kc-login-tooltip .kc-tooltip-text {
|
|
top: -3px;
|
|
left: 160%;
|
|
background-color: black;
|
|
visibility: hidden;
|
|
color: #fff;
|
|
|
|
min-width: 130px;
|
|
text-align: center;
|
|
border-radius: 2px;
|
|
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
|
|
padding: 5px;
|
|
|
|
position: absolute;
|
|
opacity: 0;
|
|
transition: opacity 0.5s;
|
|
}
|
|
|
|
/* Show tooltip */
|
|
.kc-login-tooltip:hover .kc-tooltip-text {
|
|
visibility: visible;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* Arrow for tooltip */
|
|
.kc-login-tooltip .kc-tooltip-text::after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 100%;
|
|
margin-top: -5px;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: transparent black transparent transparent;
|
|
}
|
|
|
|
#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%;
|
|
}
|
|
} |