From d5e7c02541df2e260d91caaaf59d31f8cb2fe31f Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Sat, 10 May 2025 09:43:39 -0700
Subject: [PATCH] dev: Save dithering mask url as variable

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

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index 1cbecd6..fed3c61 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -46,6 +46,7 @@
     --borderWidth: 0.075em;
     --defaultBorder: var(--borderWidth) solid var(--borderColor);
     --defaultLighterBorder: var(--borderWidth) solid var(--lighterBorderColor);
+    --ditheringMask: url(https://grainy-gradients.vercel.app/noise.svg);
 
     /* login page customizations */
     /* --loginPageBgUrl: url("<YOUR-JELLYFIN-SERVER-ADDRESS>/Branding/Splashscreen?format=webp&foregroundLayer=1&quality=33&width=3840&height=2160&blur=2"); */
@@ -662,7 +663,7 @@ html {
     position: absolute;
     inset: 0%;
     filter: contrast(1.25);
-    -webkit-mask: url(https://grainy-gradients.vercel.app/noise.svg);
+    -webkit-mask: var(--ditheringMask);
 }
 
 .backgroundContainer.withBackdrop {
@@ -680,7 +681,7 @@ html {
     position: absolute;
     inset: 0%;
     background: var(--darkerGradientPointAlpha);
-    -webkit-mask: url(https://grainy-gradients.vercel.app/noise.svg);
+    -webkit-mask: var(--ditheringMask);
 }
 
 .appfooter {