nitrix/fete
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases 13 Wiki Activity

Replace linear gradient background with aurora mesh gradient

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
nitrix
2026-03-09 18:01:46 +01:00
parent e203ecf687
commit 9f82275c63
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/assets/main.css
View File

@@ -63,7 +63,22 @@ html {
body { body {
min-height: 100vh; 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 { #app {