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

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

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2026-06-15 20:51:58 +02:00
parent bd62c35461
commit 1ac9a1f542
8 changed files with 34 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,9 +14,8 @@ body {
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
background: background:
radial-gradient(circle at 18% 84%, rgba(142, 214, 119, 0.22), transparent 18%), linear-gradient(180deg, rgba(232, 241, 248, 0.22), rgba(17, 24, 39, 0.18)),
linear-gradient(0deg, rgba(14, 27, 19, 0.28), rgba(14, 27, 19, 0.28)), url("/assets/auth/skyline.png") center center / cover no-repeat fixed !important;
linear-gradient(135deg, #26442b 0%, #355939 26%, #5f4a2f 58%, #22351f 100%) !important;
color: #f8fafc; color: #f8fafc;
font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
} }
@@ -94,8 +93,9 @@ body > main {
position: absolute; position: absolute;
inset: 0; inset: 0;
background: background:
linear-gradient(180deg, rgba(255, 255, 255, 0.10), transparent 16%), linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(15, 23, 42, 0.18)),
radial-gradient(circle at center, transparent 24%, rgba(7, 13, 8, 0.18) 100%); radial-gradient(circle at center, rgba(255, 255, 255, 0.04), rgba(10, 18, 28, 0.16) 100%);
backdrop-filter: blur(18px) saturate(1.08);
pointer-events: none; pointer-events: none;
} }
@@ -131,10 +131,16 @@ body > main {
} }
.kb-login-card { .kb-login-card {
width: min(420px, 100%); width: min(560px, 100%);
margin-top: 148px; margin-top: 148px;
display: grid; display: grid;
gap: 14px; gap: 14px;
padding: 28px;
border-radius: 30px;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.24);
box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22);
backdrop-filter: blur(22px) saturate(1.08);
} }
.kb-login-brand { .kb-login-brand {
@@ -173,7 +179,7 @@ body > main {
padding: 0 18px; padding: 0 18px;
border: 1px solid rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.10);
border-radius: 999px; border-radius: 999px;
background: rgba(213, 223, 193, 0.54) !important; background: rgba(239, 245, 226, 0.78) !important;
color: #f8fafc !important; color: #f8fafc !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.08) !important;
outline: none; outline: none;
@@ -194,7 +200,7 @@ body > main {
} }
.kb-text-input::placeholder { .kb-text-input::placeholder {
color: rgba(248, 250, 252, 0.82); color: rgba(255, 255, 255, 0.88);
} }
.kb-password-row { .kb-password-row {

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

@@ -12,9 +12,8 @@ body {
min-height: 100vh; min-height: 100vh;
color: #f8fafc; color: #f8fafc;
background: background:
radial-gradient(circle at 18% 84%, rgba(142, 214, 119, 0.22), transparent 18%), linear-gradient(180deg, rgba(232, 241, 248, 0.22), rgba(17, 24, 39, 0.18)),
linear-gradient(0deg, rgba(14, 27, 19, 0.28), rgba(14, 27, 19, 0.28)), url("/assets/auth/skyline.png") center center / cover no-repeat fixed;
linear-gradient(135deg, #26442b 0%, #355939 26%, #5f4a2f 58%, #22351f 100%);
} }
.login-shell { .login-shell {
@@ -30,8 +29,9 @@ body {
position: absolute; position: absolute;
inset: 0; inset: 0;
background: background:
linear-gradient(180deg, rgba(255, 255, 255, 0.10), transparent 16%), linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(15, 23, 42, 0.18)),
radial-gradient(circle at center, transparent 24%, rgba(7, 13, 8, 0.18) 100%); radial-gradient(circle at center, rgba(255, 255, 255, 0.04), rgba(10, 18, 28, 0.16) 100%);
backdrop-filter: blur(18px) saturate(1.08);
pointer-events: none; pointer-events: none;
} }
@@ -39,16 +39,16 @@ body {
width: min(420px, 100%); width: min(420px, 100%);
position: relative; position: relative;
z-index: 1; z-index: 1;
padding: 0; padding: 28px;
border-radius: 0; border-radius: 30px;
background: transparent; background: rgba(255, 255, 255, 0.12);
border: 0; border: 1px solid rgba(255, 255, 255, 0.24);
box-shadow: none; box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22);
backdrop-filter: none; backdrop-filter: blur(22px) saturate(1.08);
} }
.login-panel-wide { .login-panel-wide {
width: min(460px, 100%); width: min(560px, 100%);
} }
.login-panel-admin { .login-panel-admin {
@@ -84,7 +84,7 @@ body {
.login-copy { .login-copy {
margin: 0; margin: 0;
color: rgba(248, 250, 252, 0.9); color: rgba(248, 250, 252, 0.96);
line-height: 1.5; line-height: 1.5;
} }
@@ -140,7 +140,7 @@ body {
.login-form { .login-form {
display: grid; display: grid;
gap: 12px; gap: 16px;
} }
.login-form-grid { .login-form-grid {
@@ -166,7 +166,7 @@ body {
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.10);
background: rgba(213, 223, 193, 0.54); background: rgba(239, 245, 226, 0.78);
color: #f8fafc; color: #f8fafc;
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.08);
@@ -183,7 +183,7 @@ body {
.login-field input::placeholder, .login-field input::placeholder,
.login-field textarea::placeholder { .login-field textarea::placeholder {
color: rgba(248, 250, 252, 0.82); color: rgba(255, 255, 255, 0.88);
} }
.login-field input:focus, .login-field input:focus,

BIN
public/assets/auth/skyline.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
public/assets/desktop/wallpapers/skyline.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

2
skins/apple/profile.php
View File

@@ -6,7 +6,7 @@ return [
'id' => 'apple', 'id' => 'apple',
'label' => 'Apple', 'label' => 'Apple',
'family' => 'apple', 'family' => 'apple',
'wallpaper' => 'radial-gradient(circle at top, #ffe7ba 0%, #ff9a62 38%, #531b53 100%)', 'wallpaper' => 'linear-gradient(180deg, rgba(255,255,255,0.48), rgba(255,255,255,0.26)), url("/assets/desktop/wallpapers/skyline.png") center center / cover no-repeat fixed',
'top_bar' => true, 'top_bar' => true,
'taskbar_mode' => 'dock', 'taskbar_mode' => 'dock',
'taskbar_label' => 'Launchpad', 'taskbar_label' => 'Launchpad',

2
skins/base/profile.php
View File

@@ -6,7 +6,7 @@ return [
'id' => 'base', 'id' => 'base',
'label' => 'Base', 'label' => 'Base',
'family' => 'base', 'family' => 'base',
'wallpaper' => 'linear-gradient(160deg, #1d4ed8 0%, #0f172a 100%)', 'wallpaper' => 'linear-gradient(180deg, rgba(255,255,255,0.52), rgba(255,255,255,0.34)), url("/assets/desktop/wallpapers/skyline.png") center center / cover no-repeat fixed',
'top_bar' => false, 'top_bar' => false,
'taskbar_mode' => 'taskbar', 'taskbar_mode' => 'taskbar',
'taskbar_label' => 'Menu', 'taskbar_label' => 'Menu',

2
skins/linux/profile.php
View File

@@ -6,7 +6,7 @@ return [
'id' => 'linux', 'id' => 'linux',
'label' => 'Linux Mint', 'label' => 'Linux Mint',
'family' => 'linux-mint', 'family' => 'linux-mint',
'wallpaper' => 'linear-gradient(140deg, #123329 0%, #1f5d4f 45%, #0f172a 100%)', 'wallpaper' => 'linear-gradient(180deg, rgba(255,255,255,0.56), rgba(240,248,255,0.36)), url("/assets/desktop/wallpapers/skyline.png") center center / cover no-repeat fixed',
'top_bar' => false, 'top_bar' => false,
'taskbar_mode' => 'panel', 'taskbar_mode' => 'panel',
'taskbar_label' => 'Menu', 'taskbar_label' => 'Menu',

2
skins/windows/profile.php
View File

@@ -6,7 +6,7 @@ return [
'id' => 'windows', 'id' => 'windows',
'label' => 'Windows', 'label' => 'Windows',
'family' => 'windows', 'family' => 'windows',
'wallpaper' => 'linear-gradient(160deg, #1d4ed8 0%, #0f172a 100%)', 'wallpaper' => 'linear-gradient(180deg, rgba(255,255,255,0.52), rgba(255,255,255,0.34)), url("/assets/desktop/wallpapers/skyline.png") center center / cover no-repeat fixed',
'top_bar' => false, 'top_bar' => false,
'taskbar_mode' => 'taskbar', 'taskbar_mode' => 'taskbar',
'taskbar_label' => 'Start', 'taskbar_label' => 'Start',