From 49933f218b3a59c26d2b86b70b2b19818d104ef8 Mon Sep 17 00:00:00 2001 From: David Kaya Date: Tue, 31 Mar 2026 16:35:17 +0100 Subject: [PATCH] feat(website): add light mode with theme toggle - Add [data-theme='light'] CSS variable overrides for warm parchment surface palette - Add sun/moon theme toggle button in nav (desktop + mobile) - Inline FOUC-prevention script in reading localStorage/prefers-color-scheme - Screenshot elements swap between dark/light variants via data attributes - Dynamic meta theme-color update and proper ARIA labels on toggle - Adjust grain overlay, dot-grid, and gradient-text for light mode Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- website/src/layouts/Base.astro | 85 ++++++++++++++++++++++++++++++++++ website/src/pages/index.astro | 4 ++ website/src/styles/global.css | 76 ++++++++++++++++++++++++++++++ 3 files changed, 165 insertions(+) diff --git a/website/src/layouts/Base.astro b/website/src/layouts/Base.astro index a412ad1..6bc21ec 100644 --- a/website/src/layouts/Base.astro +++ b/website/src/layouts/Base.astro @@ -42,6 +42,15 @@ const { /> {title} + + + @@ -63,6 +72,19 @@ const { Get Started + GitHub + @@ -185,5 +220,55 @@ const { ); document.querySelectorAll('[data-reveal]').forEach((el) => observer.observe(el)); + + + diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro index 0a5a955..bde4e91 100644 --- a/website/src/pages/index.astro +++ b/website/src/pages/index.astro @@ -109,6 +109,8 @@ import Base from '../layouts/Base.astro';
Aryx application screenshot showing the workspace with chat, sidebar, and activity panel