From faf3794c8f8784f09e50212cff87d24ae12d7b42 Mon Sep 17 00:00:00 2001
From: Eclypsed <nicholas.tamassia@gmail.com>
Date: Wed, 10 Apr 2024 16:26:28 -0400
Subject: [PATCH] Add perceived luminance scalars

---
 src/lib/components/media/mediaPlayer.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/media/mediaPlayer.svelte b/src/lib/components/media/mediaPlayer.svelte
index c225ad6..a5eac40 100644
--- a/src/lib/components/media/mediaPlayer.svelte
+++ b/src/lib/components/media/mediaPlayer.svelte
@@ -51,10 +51,14 @@
     const fac = new FastAverageColor()
     $: fac.getColorAsync(`/api/remoteImage?url=${song.thumbnail}`, { algorithm: 'dominant' }).then((color) => {
         const [red, green, blue] = color.value
+        const percievedLightness = Math.sqrt(0.299 * red ** 2 + 0.587 * green ** 2 + 0.114 * blue ** 2)
+        const redScalar = 0.547,
+            greenScalar = 0.766,
+            blueScalar = 0.338
         // const [hue, staturation, lightness] = rgbToHsl(red, green, blue)
         // bgColor = `hsl(${hue * 359} ${staturation * 100}% 20%)`
         // primaryColor = `hsl(${hue * 359} ${staturation * 100}% 70%)`
-        bgColor = `rgb(${red / 2}, ${green / 2}, ${blue / 2})`
+        bgColor = `rgb(${red}, ${green}, ${blue})`
         primaryColor = `rgb(${red}, ${green}, ${blue})`
     })
 </script>