private/desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adsd
All checks were successful
Deploy / deploy-staging (push) Successful in 22s
Details
Deploy / deploy-production (push) Has been skipped
Details

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2026-06-15 21:05:07 +02:00
parent 1ac9a1f542
commit 4d0c09b485
3 changed files with 42 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
CopyToKeycloak/theme/kusche-desktop/login/resources/css/desktop-kusche.css
View File

@@ -15,8 +15,8 @@ body {
overflow: hidden; overflow: hidden;
background: background:
linear-gradient(180deg, rgba(232, 241, 248, 0.22), rgba(17, 24, 39, 0.18)), linear-gradient(180deg, rgba(232, 241, 248, 0.22), rgba(17, 24, 39, 0.18)),
url("/assets/auth/skyline.png") center center / cover no-repeat fixed !important; url("../img/skyline.png") center center / cover no-repeat fixed !important;
color: #f8fafc; color: #0f172a;
font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
} }
@@ -137,9 +137,9 @@ body > main {
gap: 14px; gap: 14px;
padding: 28px; padding: 28px;
border-radius: 30px; border-radius: 30px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.24); border: 1px solid rgba(255, 255, 255, 0.30);
box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22); box-shadow: 0 22px 60px rgba(15, 23, 42, 0.18);
backdrop-filter: blur(22px) saturate(1.08); backdrop-filter: blur(22px) saturate(1.08);
} }
@@ -153,7 +153,7 @@ body > main {
font-weight: 700; font-weight: 700;
letter-spacing: 0.22em; letter-spacing: 0.22em;
text-transform: uppercase; text-transform: uppercase;
color: rgba(248, 250, 252, 0.84); color: rgba(255, 255, 255, 0.82);
} }
.kb-login-form-shell, .kb-login-form-shell,
@@ -177,11 +177,11 @@ body > main {
width: 100%; width: 100%;
min-height: 48px; min-height: 48px;
padding: 0 18px; padding: 0 18px;
border: 1px solid rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 999px; border-radius: 999px;
background: rgba(239, 245, 226, 0.78) !important; background: rgba(255, 255, 255, 0.72) !important;
color: #f8fafc !important; color: #111827 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
outline: none; outline: none;
font-size: 1rem; font-size: 1rem;
backdrop-filter: blur(9px); backdrop-filter: blur(9px);
@@ -190,17 +190,17 @@ body > main {
.kb-text-input:focus { .kb-text-input:focus {
border-color: rgba(255, 255, 255, 0.26); border-color: rgba(255, 255, 255, 0.26);
background: rgba(213, 223, 193, 0.62) !important; background: rgba(255, 255, 255, 0.9) !important;
color: #111827 !important; color: #111827 !important;
} }
.kb-text-input:not(:placeholder-shown) { .kb-text-input:not(:placeholder-shown) {
background: rgba(213, 223, 193, 0.62) !important; background: rgba(255, 255, 255, 0.88) !important;
color: #111827 !important; color: #111827 !important;
} }
.kb-text-input::placeholder { .kb-text-input::placeholder {
color: rgba(255, 255, 255, 0.88); color: rgba(15, 23, 42, 0.68);
} }
.kb-password-row { .kb-password-row {
@@ -244,11 +244,24 @@ body > main {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
color: rgba(248, 250, 252, 0.94); color: rgba(248, 250, 252, 0.96);
font-size: 0.88rem; font-size: 0.88rem;
cursor: pointer; cursor: pointer;
} }
.kb-login-card h1,
.kb-login-card h2,
.kb-login-card h3 {
color: #f8fafc;
}
.kb-login-card p,
.kb-login-card label,
.kb-login-card .pf-v5-c-form__label-text,
.kb-login-card .kcLabelClass {
color: rgba(248, 250, 252, 0.94) !important;
}
.kb-remember input { .kb-remember input {
width: 16px; width: 16px;
height: 16px; height: 16px;

BIN
CopyToKeycloak/theme/kusche-desktop/login/resources/img/skyline.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

29
public/assets/auth/login.css
View File

@@ -10,7 +10,7 @@
body { body {
margin: 0; margin: 0;
min-height: 100vh; min-height: 100vh;
color: #f8fafc; color: #0f172a;
background: background:
linear-gradient(180deg, rgba(232, 241, 248, 0.22), rgba(17, 24, 39, 0.18)), linear-gradient(180deg, rgba(232, 241, 248, 0.22), rgba(17, 24, 39, 0.18)),
url("/assets/auth/skyline.png") center center / cover no-repeat fixed; url("/assets/auth/skyline.png") center center / cover no-repeat fixed;
@@ -41,9 +41,9 @@ body {
z-index: 1; z-index: 1;
padding: 28px; padding: 28px;
border-radius: 30px; border-radius: 30px;
background: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.24); border: 1px solid rgba(255, 255, 255, 0.30);
box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22); box-shadow: 0 22px 60px rgba(15, 23, 42, 0.18);
backdrop-filter: blur(22px) saturate(1.08); backdrop-filter: blur(22px) saturate(1.08);
} }
@@ -71,7 +71,7 @@ body {
font-size: 0.76rem; font-size: 0.76rem;
letter-spacing: 0.22em; letter-spacing: 0.22em;
text-transform: uppercase; text-transform: uppercase;
color: rgba(248, 250, 252, 0.84); color: rgba(255, 255, 255, 0.82);
font-weight: 700; font-weight: 700;
} }
@@ -80,11 +80,12 @@ body {
font-size: 2.2rem; font-size: 2.2rem;
line-height: 1.05; line-height: 1.05;
font-weight: 400; font-weight: 400;
color: #f8fafc;
} }
.login-copy { .login-copy {
margin: 0; margin: 0;
color: rgba(248, 250, 252, 0.96); color: rgba(248, 250, 252, 0.94);
line-height: 1.5; line-height: 1.5;
} }
@@ -156,7 +157,7 @@ body {
.login-field span { .login-field span {
font-size: 0.88rem; font-size: 0.88rem;
color: rgba(248, 250, 252, 0.94); color: rgba(248, 250, 252, 0.96);
} }
.login-field input, .login-field input,
@@ -165,11 +166,11 @@ body {
min-height: 48px; min-height: 48px;
padding: 0 18px; padding: 0 18px;
border-radius: 999px; border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.24);
background: rgba(239, 245, 226, 0.78); background: rgba(255, 255, 255, 0.72);
color: #f8fafc; color: #111827;
font: inherit; font: inherit;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
backdrop-filter: blur(9px); backdrop-filter: blur(9px);
outline: none; outline: none;
} }
@@ -183,19 +184,19 @@ body {
.login-field input::placeholder, .login-field input::placeholder,
.login-field textarea::placeholder { .login-field textarea::placeholder {
color: rgba(255, 255, 255, 0.88); color: rgba(15, 23, 42, 0.68);
} }
.login-field input:focus, .login-field input:focus,
.login-field textarea:focus { .login-field textarea:focus {
border-color: rgba(255, 255, 255, 0.26); border-color: rgba(255, 255, 255, 0.26);
background: rgba(213, 223, 193, 0.62); background: rgba(255, 255, 255, 0.9);
color: #111827; color: #111827;
} }
.login-field input:not(:placeholder-shown), .login-field input:not(:placeholder-shown),
.login-field textarea:not(:placeholder-shown) { .login-field textarea:not(:placeholder-shown) {
background: rgba(213, 223, 193, 0.62); background: rgba(255, 255, 255, 0.88);
color: #111827; color: #111827;
} }