From 1b3cb9b49b7dfda4577cc4e707e32365bb3db2e4 Mon Sep 17 00:00:00 2001 From: SrGooglo Date: Mon, 16 Jun 2025 20:48:13 +0000 Subject: [PATCH] Add RGB components to dominant color CSS variables --- packages/app/src/hooks/useCoverAnalysis/index.js | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/packages/app/src/hooks/useCoverAnalysis/index.js b/packages/app/src/hooks/useCoverAnalysis/index.js index 424bcf9e..7eba16e3 100644 --- a/packages/app/src/hooks/useCoverAnalysis/index.js +++ b/packages/app/src/hooks/useCoverAnalysis/index.js @@ -32,12 +32,14 @@ export default (trackManifest) => { } }, [trackManifest]) - const dominantColor = { - "--dominant-color": getDominantColorStr(coverAnalysis), - } - return { coverAnalysis, - dominantColor, + dominantColor: getDominantColorStr(coverAnalysis), + cssVars: { + "--dominant-color": getDominantColorStr(coverAnalysis), + "--dominant-color-r": coverAnalysis?.value?.[0], + "--dominant-color-g": coverAnalysis?.value?.[1], + "--dominant-color-b": coverAnalysis?.value?.[2], + }, } }