From 645a9ca7a4274d1eb852ae5f227a906df23acff2 Mon Sep 17 00:00:00 2001 From: Xinze-Li-Moqian <70414198+Xinze-Li-Moqian@users.noreply.github.com> Date: Sun, 28 Jun 2026 19:30:12 -0400 Subject: [PATCH] fix(web): align particle effect with astrolabe-website; fix theme hydration warning MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ParticleBackground: match astrolabe-website's settings — smooth cubic/quadratic falloff for size/opacity/line-width near the cursor (vs binary on/off), touch support, mobile density reduction; home page now uses 300 particles / 400 radius. - layout: add suppressHydrationWarning to so the pre-hydration theme script (adds 'light' from localStorage) no longer triggers a hydration mismatch. --- web/src/app/layout.tsx | 2 +- web/src/app/page.tsx | 2 +- web/src/components/ParticleBackground.tsx | 122 +++++++++++++++------- 3 files changed, 84 insertions(+), 42 deletions(-) diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx index bda74a67..99f20a35 100644 --- a/web/src/app/layout.tsx +++ b/web/src/app/layout.tsx @@ -17,7 +17,7 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( - +