admin/homelab-manifests
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

updated css

Browse Source
This commit is contained in:
authentik Default Admin
2026-01-10 17:50:58 +01:00
parent 8163adb343
commit 1709fb8552
1 changed files with 84 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
glance-system/glance.yaml
+84 -7
View File
@@ -312,6 +312,41 @@ data:
/* Custom CSS for Orsi's Glance Dashboard */ /* Custom CSS for Orsi's Glance Dashboard */
/* Purple theme with background image matching Homepage */ /* Purple theme with background image matching Homepage */
/* --- Force wallpaper to actually show --- */
html, body {
height: 100%;
}
html {
background: url("https://web.dooplex.hu/static/wallpaper-orsi.jpg") center / cover no-repeat fixed !important;
}
/* Kill any opaque backgrounds that sit above <body> */
body,
#app,
.app,
.page,
main,
.page-content,
.layout,
.container {
background: transparent !important;
}
/* Optional: add a subtle dark veil so text stays readable */
body::before {
content: "";
position: fixed;
inset: 0;
background: rgba(20, 10, 30, 0.25);
pointer-events: none;
z-index: 0;
}
/* Make sure actual UI sits above the veil */
#app, .app, .page { position: relative; z-index: 1; }
/* Background image */ /* Background image */
body { body {
background-image: url('https://web.dooplex.hu/static/wallpaper-orsi.jpg') !important; background-image: url('https://web.dooplex.hu/static/wallpaper-orsi.jpg') !important;
@@ -388,14 +423,34 @@ data:
background-color: rgba(45, 31, 61, 0.9) !important; background-color: rgba(45, 31, 61, 0.9) !important;
} }
/* iFrame containers - add purple tint overlay effect */ /* --- Iframe widget: rounded corners + overlay + tint --- */
.widget-type-iframe { .widget-type-iframe {
position: relative; position: relative !important;
overflow: hidden !important;
border-radius: 12px !important;
} }
/* Ensure iframe sits under the overlay */
.widget-type-iframe iframe { .widget-type-iframe iframe {
border-radius: 8px !important; position: relative !important;
filter: sepia(0.15) saturate(2.5) hue-rotate(250deg) brightness(1.02) !important; z-index: 1 !important;
width: 100% !important;
border: 0 !important;
border-radius: 12px !important;
/* Stronger purple tint (closer to Homepage settings) */
filter: sepia(0.25) saturate(3) hue-rotate(250deg) brightness(1.02) !important;
}
/* The actual overlay on top of the iframe */
.widget-type-iframe::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
border-radius: 12px;
background: rgba(226, 146, 255, 0.18);
} }
/* RSS feed items */ /* RSS feed items */
@@ -417,10 +472,32 @@ data:
font-weight: 600 !important; font-weight: 600 !important;
} }
/* Logo in header - make it larger */ /* --- Bigger header area like Homepage --- */
.header-logo img, .logo img, .branding-logo img { header, .header, .page-header, .app-header {
max-height: 120px !important; min-height: 140px !important;
align-items: center !important;
padding-top: 18px !important;
padding-bottom: 18px !important;
}
/* --- Bigger logo --- */
header img,
.page-header img,
.app-header img,
.branding img,
.branding-logo img,
.logo img {
max-height: 160px !important;
height: auto !important; height: auto !important;
width: auto !important;
object-fit: contain !important;
}
header, .page-header, .app-header {
background: rgba(45, 31, 61, 0.55) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
} }
/* Scrollbar styling */ /* Scrollbar styling */