From 94f80c03c58fb50eb1ee6509fedf072ee5b8cd05 Mon Sep 17 00:00:00 2001 From: XShine555 Date: Tue, 22 Sep 2026 19:53:21 +0200 Subject: [PATCH] Make dark-mode hero/spotlight cards a solid color, not a fading gradient --mf-hero-bg/--mf-spotlight-bg were multi-stop, directional gradients in dark mode (fading from a vivid corner to transparent), unlike light mode which uses the same color at both gradient stops so it reads as flat. Match that: both now use a single tc() tone repeated at both stops, so the hero and spotlight cards render as one solid tint in dark mode too. --- web-player/src/lib/theme/tokens.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web-player/src/lib/theme/tokens.ts b/web-player/src/lib/theme/tokens.ts index af96f66..9275f0b 100644 --- a/web-player/src/lib/theme/tokens.ts +++ b/web-player/src/lib/theme/tokens.ts @@ -58,13 +58,13 @@ export function buildThemeTokens(hue: number, mode: 'dark' | 'light' = 'dark'): '--mf-hero-tint': light ? tcLight(1, 55, h) : tc(1, 42, h), '--mf-hero-bg': light ? `linear-gradient(${tcLight(0.08, 55, h)}, ${tcLight(0.08, 55, h)})` - : `linear-gradient(105deg, ${tc(0.34, 42, h)} 0%, ${tc(0.11, 70, h)} 37%, ${tc(0.03, 88, h)} 65%, rgba(6,6,9,0) 92%)`, + : `linear-gradient(${tc(0.2, 42, h)}, ${tc(0.2, 42, h)})`, '--mf-modal-glow': light ? `linear-gradient(135deg, ${tcLight(0.34, 42, h)} 0%, ${tcLight(0.2, 55, h)} 30%, ${tcLight(0.1, 70, h)} 55%, ${tcLight(0.04, 85, h)} 80%, ${tcLight(0.02, 88, h)} 100%)` : `linear-gradient(135deg, ${tc(0.34, 42, h)} 0%, ${tc(0.11, 70, h)} 28%, ${tc(0.03, 88, h)} 50%, rgba(6,6,9,0) 70%)`, '--mf-spotlight-bg': light ? `linear-gradient(${tcLight(0.08, 55, h)}, ${tcLight(0.08, 55, h)})` - : `linear-gradient(100deg, ${tc(0.28, 46, h)} 0%, ${tc(0.1, 74, h)} 40%, ${tc(0.03, 88, h)} 69%, rgba(6,6,9,0) 96%)`, + : `linear-gradient(${tc(0.2, 42, h)}, ${tc(0.2, 42, h)})`, '--mf-logo-grad': light ? `linear-gradient(140deg, oklch(0.74 0.18 ${H}), oklch(0.58 0.16 ${H2}) 92%)` : `linear-gradient(140deg, oklch(0.78 0.15 ${H}), oklch(0.62 0.13 ${H2}) 92%)`,