fix: solid cover-color NP background via canvas extraction

Replace saturated blur filter with actual dominant-color extraction:
fetch cover as blob (avoids canvas CORS taint), draw on 24x24 canvas,
find most vivid pixel, darken to ~28% for a moody solid background.
Blurred bg layers hidden when mode is active. Transitions smoothly
between songs via CSS transition on background.
Renamed setting label to "Einfarbiger Player-Hintergrund".

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-05-28 00:36:32 +02:00
1 parent 20545f71be
commit 9ab3dab508
3 files changed
+47 -10

No files matched your search

+3 -4
View File
@@ -590,10 +590,9 @@ button:focus{outline:none}
will-change:opacity;
z-index:0;
}
/* Dynamic cover color mode: more vivid/saturated background */
.np-overlay.dynamic-color .np-bg{
filter:blur(60px) brightness(.5) saturate(3);
}
/* Solid cover-color mode: hide blurred layers, use extracted color as background */
.np-overlay.dynamic-color{background:rgb(var(--np-solid,20,20,40));transition:background .5s ease,transform .35s cubic-bezier(.4,0,.2,1)}
.np-overlay.dynamic-color .np-bg{opacity:0!important;pointer-events:none}
.np-inner{
position:relative;z-index:1;