From c53f2c0916b035cbc351598cfe8a8537d4bcc417 Mon Sep 17 00:00:00 2001 From: MiTHRAL Date: Wed, 29 Apr 2026 01:17:51 -0400 Subject: [PATCH] fix: resolve backdrop visibility issue on item pages --- themepo-elegantfin.css | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/themepo-elegantfin.css b/themepo-elegantfin.css index db1892b..10d8c28 100644 --- a/themepo-elegantfin.css +++ b/themepo-elegantfin.css @@ -70,7 +70,23 @@ body { font-family: var(--font-body); - background-color: var(--obsidian) !important; + background-color: var(--obsidian); /* Removed !important to allow Jellyfin/ElegantFin to override */ +} + +/* Ensure backdrops are visible */ +.backgroundContainer.withBackdrop, +.backdropContainer, +.itemBackdrop { + z-index: -1; /* Ensure they stay behind content */ +} + +/* Hide the solid background and effects when a backdrop is active to let it show through */ +body:has(.backgroundContainer.withBackdrop) { + background-color: transparent !important; +} + +body:has(.backgroundContainer.withBackdrop)::before { + opacity: 0.2; /* Reduce grain opacity over backdrops */ } /* Titles and Headers use the Rune Font */