From 52f993e43792a0fea422663e1cb6b2bf1409ee4a Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Tue, 5 Aug 2025 07:41:03 -0700
Subject: [PATCH] Revert: Rolled back theme video support for now because of
 issues with the main video player a3a1765efe2f11357666ece798fde7f4d21b2d70

---
 Theme/ElegantFin-theme-nightly.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index cad5350..0b094b4 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -66,7 +66,7 @@
     --hoverGradientH: linear-gradient(90deg, transparent, rgb(255 255 255 / 100%) 45%, rgb(255 255 255 / 100%) 55%, transparent);
 
     --itemBackdropMask: linear-gradient(180deg, rgba(0, 0, 0, .8), 75%, transparent);
-    --themeVideoPlayerMask: linear-gradient(180deg, rgba(0, 0, 0, 1), 85%, transparent);
+    /* --themeVideoPlayerMask: linear-gradient(180deg, rgba(0, 0, 0, 1), 85%, transparent); */
 
     /* standard component sizes */
     --largerRadius: 1.25em;
@@ -1092,7 +1092,8 @@ html {
     display: block !important;
 }
 
-.videoPlayerContainer {
+/* Theme video styling rolled back because jellyfin does not differentiate between the main video player and theme video playback nicely*/
+/* .videoPlayerContainer {
     position: relative !important;
     -webkit-mask: var(--themeVideoPlayerMask);
     mask: var(--themeVideoPlayerMask);
@@ -1107,7 +1108,7 @@ html {
 .videoPlayerContainer>.htmlvideoplayer {
     width: -webkit-fill-available;
     object-fit: cover;
-}
+} */
 
 .layout-desktop .itemBackdrop {
     height: calc(100vh - 32vh - var(--primaryItemPageNegativeSpace)) !important;