root/chadebebe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(theme): switch to Mars-inspired palette and atmospheric haze (no planet disk)

Browse Source
This commit is contained in:
belisards
2026-05-03 15:49:30 -03:00
parent e38473e88d
commit 282e475562
2 changed files with 86 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/header.tsx
View File

@@ -26,21 +26,16 @@ export default function Header({ title, subtitle, imageUrl, actions, maxWidth =
)}
<div className="relative overflow-hidden">
{/* Subtle floating planet glyph */}
{/* Distant atmospheric haze */}
<div
aria-hidden
className="pointer-events-none absolute -top-12 -right-10 w-56 h-56 rounded-full opacity-60 blur-2xl"
style={{
background:
'radial-gradient(circle at 30% 30%, var(--halo-1), transparent 60%), radial-gradient(circle at 70% 70%, var(--halo-2), transparent 60%)',
}}
className="pointer-events-none absolute -top-16 -right-12 w-80 h-80 rounded-full opacity-50 blur-3xl"
style={{ background: 'radial-gradient(circle, var(--halo-1), transparent 65%)' }}
/>
<div
aria-hidden
className="pointer-events-none absolute -bottom-16 -left-10 w-72 h-72 rounded-full opacity-50 blur-3xl"
style={{
background: 'radial-gradient(circle, var(--halo-3), transparent 60%)',
}}
style={{ background: 'radial-gradient(circle, var(--halo-3), transparent 60%)' }}
/>
<div className={`${maxWidth} mx-auto relative py-14 px-4 sm:py-20 sm:px-6 lg:px-8`}>