diff --git a/src/components/Configurateur.astro b/src/components/Configurateur.astro index a87e1ba..c215ec1 100644 --- a/src/components/Configurateur.astro +++ b/src/components/Configurateur.astro @@ -19,7 +19,7 @@ const defaults = ['hydro', 'temp']; const cats = Array.from(new Set(sensors.map((s) => s.cat))); --- -
+
Configurateur diff --git a/src/styles/global.css b/src/styles/global.css index 3777838..10b83bd 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -16,9 +16,10 @@ body { @apply bg-abyss-950 text-foam-50 font-sans; background-image: - radial-gradient(1200px 600px at 10% -10%, rgba(6, 182, 212, 0.10), transparent 60%), - radial-gradient(1000px 500px at 110% 10%, rgba(14, 165, 233, 0.08), transparent 60%), - linear-gradient(180deg, #050d1a 0%, #0a1a2f 100%); + radial-gradient(1400px 700px at 15% -5%, rgba(6, 182, 212, 0.18), transparent 55%), + radial-gradient(1000px 500px at 110% 15%, rgba(14, 165, 233, 0.14), transparent 55%), + radial-gradient(800px 600px at 50% 60%, rgba(6, 182, 212, 0.07), transparent 65%), + linear-gradient(180deg, #071222 0%, #0d1f38 50%, #0a1a2f 100%); background-attachment: fixed; min-height: 100vh; } @@ -69,11 +70,11 @@ } .lead { - @apply text-lg md:text-xl text-foam-100/80 leading-relaxed; + @apply text-lg md:text-xl text-foam-100/90 leading-relaxed; } .glass { - @apply bg-white/[0.03] backdrop-blur-sm border border-white/[0.07]; + @apply bg-white/[0.06] backdrop-blur-sm border border-white/[0.12]; } .card { @@ -110,8 +111,8 @@ /* Decorative caustic glow used as subtle ambient light */ .caustic-bg { background-image: - radial-gradient(circle at 20% 10%, rgba(6, 182, 212, 0.12), transparent 55%), - radial-gradient(circle at 80% 80%, rgba(14, 165, 233, 0.10), transparent 55%); + radial-gradient(circle at 20% 10%, rgba(6, 182, 212, 0.20), transparent 55%), + radial-gradient(circle at 80% 80%, rgba(14, 165, 233, 0.16), transparent 55%); } /* Animated horizon line */