From 1709fb8552aabd531d6b7e74837b3fdb1a4d4787 Mon Sep 17 00:00:00 2001 From: kisfenyo Date: Sat, 10 Jan 2026 17:50:58 +0100 Subject: [PATCH] updated css --- glance-system/glance.yaml | 91 ++++++++++++++++++++++++++++++++++++--- 1 file changed, 84 insertions(+), 7 deletions(-) diff --git a/glance-system/glance.yaml b/glance-system/glance.yaml index 8cb9de3..391cc2f 100644 --- a/glance-system/glance.yaml +++ b/glance-system/glance.yaml @@ -312,6 +312,41 @@ data: /* Custom CSS for Orsi's Glance Dashboard */ /* 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, + #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 */ body { 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; } - /* iFrame containers - add purple tint overlay effect */ + /* --- Iframe widget: rounded corners + overlay + tint --- */ .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 { - border-radius: 8px !important; - filter: sepia(0.15) saturate(2.5) hue-rotate(250deg) brightness(1.02) !important; + 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 */ @@ -417,10 +472,32 @@ data: font-weight: 600 !important; } - /* Logo in header - make it larger */ - .header-logo img, .logo img, .branding-logo img { - max-height: 120px !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 */