From d98d01ab204b9a5650a3c0009038279e0d002518 Mon Sep 17 00:00:00 2001 From: XShine555 Date: Tue, 22 Sep 2026 19:50:23 +0200 Subject: [PATCH] Make the dark-mode ambient glow more subtle and spread further The two radial glows behind app-backdrop were fairly small (52%/38% and 46%/34% ellipses) and faded out by half their radius, so they only covered the top portion of the viewport at a fairly strong 0.26/0.2 alpha. Enlarge both ellipses and push the fade-out point out to 88%, so the tint reaches much further across the screen like light mode's flat wash does, while lowering the alpha so it reads as subtle instead of a bright patch in the corners. --- web-player/src/lib/theme/tokens.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web-player/src/lib/theme/tokens.ts b/web-player/src/lib/theme/tokens.ts index 8ac8e77..af96f66 100644 --- a/web-player/src/lib/theme/tokens.ts +++ b/web-player/src/lib/theme/tokens.ts @@ -54,7 +54,7 @@ export function buildThemeTokens(hue: number, mode: 'dark' | 'light' = 'dark'): '--mf-hairline': light ? `oklch(0.3 0.035 ${H} / 0.1)` : `oklch(0.62 0.05 ${H} / 0.08)`, '--mf-ambient': light ? 'none' - : `radial-gradient(52% 38% at 14% 0%, ${tc(0.26, 30, h)}, transparent 54%), radial-gradient(46% 34% at 78% 0%, ${tc(0.2, 40, h)}, transparent 56%)`, + : `radial-gradient(95% 85% at 20% 0%, ${tc(0.12, 30, h)}, transparent 88%), radial-gradient(90% 80% at 80% 0%, ${tc(0.09, 40, h)}, transparent 88%)`, '--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)})`