From b2036f52b58d1fb44385a787f8d39d1b93da0da4 Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sat, 20 Jun 2026 23:49:07 +0530
Subject: [PATCH] New: Introduced support for Theme Videos - they should be
 placed inside `backdrops` folder like: ` ./Movie (Year)/backdrops/theme1.mp4`

---
 Theme/ElegantFin-theme-nightly.css | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index a1476be..6b0bc1f 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -1249,23 +1249,21 @@ select {
     }
 }
 
-/* Theme video styling rolled back because jellyfin does not differentiate between the main video player and theme video playback nicely*/
-/* .videoPlayerContainer {
+body:not(.hide-scroll) > .videoPlayerContainer {
     position: relative !important;
-    -webkit-mask: var(--themeVideoPlayerMask);
-    mask: var(--themeVideoPlayerMask);
-    height: 90vh;
+    -webkit-mask: var(--headerBlurMask);
+    mask: var(--headerBlurMask);
+    height: 80vh;
 }
 
-.layout-mobile .videoPlayerContainer {
+.layout-mobile body:not(.hide-scroll) > .videoPlayerContainer {
+    height: 40vh;
     z-index: 1;
-    height: 35vh;
 }
 
-.videoPlayerContainer>.htmlvideoplayer {
-    width: -webkit-fill-available;
-    object-fit: cover;
-} */
+.layout-desktop > body:not(.hide-scroll) > .videoPlayerContainer ~ #reactRoot > .backgroundContainer.withBackdrop {
+    opacity: 0.25;
+}
 
 .itemBackdrop {
     display: block !important;