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

updated css path and custom css

Browse Source
This commit is contained in:
authentik Default Admin
2026-01-10 18:05:04 +01:00
parent 1709fb8552
commit 4e134bab49
1 changed files with 62 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
glance-system/glance.yaml
+62 -86
View File
@@ -61,7 +61,7 @@ data:
negative-color: 0 70 60 negative-color: 0 70 60
contrast-multiplier: 1.2 contrast-multiplier: 1.2
text-saturation-multiplier: 0.8 text-saturation-multiplier: 0.8
custom-css-file: /app/config/assets/custom.css custom-css-file: /assets/custom.css
pages: pages:
# ==================== HOME PAGE ==================== # ==================== HOME PAGE ====================
@@ -312,28 +312,25 @@ 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 --- */ /* ===== Wallpaper visible ===== */
html, body { html, body { height: 100%; }
height: 100%;
}
html { html {
background: url("https://web.dooplex.hu/static/wallpaper-orsi.jpg") center / cover no-repeat fixed !important; background: url("https://web.dooplex.hu/static/wallpaper-orsi.jpg") center / cover no-repeat fixed !important;
} }
/* Kill any opaque backgrounds that sit above <body> */ /* Glance containers that tend to paint over the wallpaper */
body, body,
#app,
.app,
.page, .page,
main, #page-content,
.page-content, .page-content,
.layout, .content-bounds,
.container { .page-columns,
.page-column {
background: transparent !important; background: transparent !important;
} }
/* Optional: add a subtle dark veil so text stays readable */ /* Optional readability veil (Homepage-like) */
body::before { body::before {
content: ""; content: "";
position: fixed; position: fixed;
@@ -342,27 +339,64 @@ data:
pointer-events: none; pointer-events: none;
z-index: 0; z-index: 0;
} }
body > * { position: relative; z-index: 1; }
/* Make sure actual UI sits above the veil */ /* ===== Glassy widgets like Homepage ===== */
#app, .app, .page { position: relative; z-index: 1; }
/* Background image */
body {
background-image: url('https://web.dooplex.hu/static/wallpaper-orsi.jpg') !important;
background-size: cover !important;
background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
/* Semi-transparent widgets to show background */
.widget { .widget {
background-color: rgba(45, 31, 61, 0.85) !important; background: rgba(45, 31, 61, 0.78) !important;
border: 1px solid rgba(255,255,255,0.10) !important;
border-radius: 14px !important;
backdrop-filter: blur(12px) !important; backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
}
/* ===== Header + bigger logo ===== */
.header-container {
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;
}
.header {
min-height: 150px !important;
align-items: center !important;
padding: 16px 18px !important;
}
/* This matches your DOM: <div class="logo"> <img ...> */
.logo img {
max-height: 170px !important;
height: auto !important;
width: auto !important;
object-fit: contain !important;
}
/* ===== iFrame purple tint + visible overlay ===== */
.widget.widget-type-iframe {
position: relative !important;
overflow: hidden !important;
border-radius: 12px !important; border-radius: 12px !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important; }
.widget.widget-type-iframe iframe {
border-radius: 12px !important;
width: 100% !important;
border: 0 !important;
filter: sepia(0.25) saturate(3) hue-rotate(250deg) brightness(1.02) !important;
position: relative !important;
z-index: 1 !important;
}
/* Overlay ON TOP of iframe (you can’t style inside cross-origin iframes) */
.widget.widget-type-iframe::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
border-radius: 12px;
background: rgba(226, 146, 255, 0.16);
} }
/* Widget content area */ /* Widget content area */
@@ -423,36 +457,6 @@ data:
background-color: rgba(45, 31, 61, 0.9) !important; background-color: rgba(45, 31, 61, 0.9) !important;
} }
/* --- Iframe widget: rounded corners + overlay + tint --- */
.widget-type-iframe {
position: relative !important;
overflow: hidden !important;
border-radius: 12px !important;
}
/* Ensure iframe sits under the overlay */
.widget-type-iframe iframe {
position: relative !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 */
.rss-item, .feed-item { .rss-item, .feed-item {
background-color: rgba(60, 40, 80, 0.5) !important; background-color: rgba(60, 40, 80, 0.5) !important;
@@ -472,34 +476,6 @@ data:
font-weight: 600 !important; font-weight: 600 !important;
} }
/* --- Bigger header area like Homepage --- */
header, .header, .page-header, .app-header {
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;
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 */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 8px; width: 8px;