fix: resolve backdrop visibility issue on item pages

This commit is contained in:
MiTHRAL 2026-04-29 01:17:51 -04:00
parent d375dc9364
commit c53f2c0916

View file

@ -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 */