From 9f82275c63cd33baf6e0b4050e214d641dca435c Mon Sep 17 00:00:00 2001 From: nitrix Date: Mon, 9 Mar 2026 18:01:46 +0100 Subject: [PATCH] Replace linear gradient background with aurora mesh gradient Use layered radial gradients on a dark base (#1B1730) with backdrop blur for an organic, aurora-like background effect that better complements the glassmorphism event cards. Co-Authored-By: Claude Opus 4.6 --- frontend/src/assets/main.css | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css index a81d003..69a4a3b 100644 --- a/frontend/src/assets/main.css +++ b/frontend/src/assets/main.css @@ -63,7 +63,22 @@ html { body { min-height: 100vh; - background: var(--gradient-primary); + background-color: #1B1730; + position: relative; +} + +body::before { + content: ''; + position: fixed; + inset: 0; + background-color: #1B1730; + background-image: + radial-gradient(at 70% 20%, rgba(240, 98, 146, 0.55) 0px, transparent 50%), + radial-gradient(at 25% 50%, rgba(171, 71, 188, 0.5) 0px, transparent 55%), + radial-gradient(at 80% 70%, rgba(92, 107, 192, 0.55) 0px, transparent 50%), + radial-gradient(at 35% 85%, rgba(255, 112, 67, 0.3) 0px, transparent 40%); + filter: blur(80px); + z-index: -1; } #app {