fix: resolve backdrop visibility issue on item pages
This commit is contained in:
parent
d375dc9364
commit
c53f2c0916
1 changed files with 17 additions and 1 deletions
|
|
@ -70,7 +70,23 @@
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: var(--font-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 */
|
/* Titles and Headers use the Rune Font */
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue