From 4fbd4fa81d9a47a65b7d4afbfdad42395306aead Mon Sep 17 00:00:00 2001 From: XShine555 Date: Tue, 22 Sep 2026 17:31:22 +0200 Subject: [PATCH] Make secondary button translucent so it tracks whatever surface it's on bg-elevated is fully opaque and only hue-matches --mf-bg (the plain page background), so it stayed stark white on the hero/spotlight cards, which use a separately-computed, more saturated gradient (--mf-hero-bg/ --mf-spotlight-bg). An opaque fill can never pick up that color no matter what hue it's tied to. Make it translucent (bg-elevated/45) with backdrop-blur-lg so it samples and lightly tints whatever is actually behind it, hero card, spotlight card, or plain background, instead of only matching one of them. --- web-player/src/lib/components/ui/primitives/Button.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web-player/src/lib/components/ui/primitives/Button.svelte b/web-player/src/lib/components/ui/primitives/Button.svelte index 0fafc8c..f85d018 100644 --- a/web-player/src/lib/components/ui/primitives/Button.svelte +++ b/web-player/src/lib/components/ui/primitives/Button.svelte @@ -36,7 +36,7 @@ const variants = { primary: 'bg-cta-strong text-ink hover:brightness-95', - secondary: 'bg-elevated text-fg-2 hover:bg-btn-hover hover:text-fg', + secondary: 'bg-elevated/45 backdrop-blur-lg text-fg-2 hover:bg-btn-hover hover:text-fg', accent: 'bg-accent-btn text-accent-soft hover:bg-accent-btn-hover', danger: 'bg-danger text-on-art hover:brightness-110' };