From d71c3d8268069099b85ded3532e65190c3a99317 Mon Sep 17 00:00:00 2001 From: Dmitry Zhukovsky Date: Thu, 14 May 2026 22:37:50 +0200 Subject: [PATCH 1/3] Update theme color handling and improve viewport settings for better responsiveness --- index.html | 5 +++-- src/components/site-header.tsx | 1 + src/lib/hooks.ts | 7 +++++++ 3 files changed, 11 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 1f2bd47..b68e7ca 100644 --- a/index.html +++ b/index.html @@ -5,8 +5,9 @@ - - + + + diff --git a/src/components/site-header.tsx b/src/components/site-header.tsx index 35b405e..9ece1dd 100644 --- a/src/components/site-header.tsx +++ b/src/components/site-header.tsx @@ -38,6 +38,7 @@ export function SiteHeader() { className={`fl-acrylic sticky top-0 z-40 transition-all no-print ${ scrolled ? 'shadow-[0_1px_0_var(--fl-stroke)]' : '' }`} + style={{ paddingTop: 'env(safe-area-inset-top)' }} >
diff --git a/src/lib/hooks.ts b/src/lib/hooks.ts index 3cd2b68..b8d1f8b 100644 --- a/src/lib/hooks.ts +++ b/src/lib/hooks.ts @@ -18,6 +18,13 @@ export function useTheme(): [Theme, (next: Theme) => void, () => void] { root.classList.toggle('dark', theme === 'dark') root.style.colorScheme = theme window.localStorage.setItem(THEME_KEY, theme) + + const color = theme === 'dark' ? '#1c1c1c' : '#faf9f8' + document + .querySelectorAll('meta[name="theme-color"]') + .forEach((m) => { + m.setAttribute('content', color) + }) }, [theme]) const toggle = () => setTheme((t) => (t === 'dark' ? 'light' : 'dark')) From 93f34f2065f8da657db0b16814eccabf2ceb5224 Mon Sep 17 00:00:00 2001 From: Dmitry Zhukovsky Date: Thu, 14 May 2026 22:48:19 +0200 Subject: [PATCH 2/3] Revert "Update theme color handling and improve viewport settings for better responsiveness" This reverts commit d71c3d8268069099b85ded3532e65190c3a99317. --- index.html | 5 ++--- src/components/site-header.tsx | 1 - src/lib/hooks.ts | 7 ------- 3 files changed, 2 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index b68e7ca..1f2bd47 100644 --- a/index.html +++ b/index.html @@ -5,9 +5,8 @@ - - - + + diff --git a/src/components/site-header.tsx b/src/components/site-header.tsx index 9ece1dd..35b405e 100644 --- a/src/components/site-header.tsx +++ b/src/components/site-header.tsx @@ -38,7 +38,6 @@ export function SiteHeader() { className={`fl-acrylic sticky top-0 z-40 transition-all no-print ${ scrolled ? 'shadow-[0_1px_0_var(--fl-stroke)]' : '' }`} - style={{ paddingTop: 'env(safe-area-inset-top)' }} >
diff --git a/src/lib/hooks.ts b/src/lib/hooks.ts index b8d1f8b..3cd2b68 100644 --- a/src/lib/hooks.ts +++ b/src/lib/hooks.ts @@ -18,13 +18,6 @@ export function useTheme(): [Theme, (next: Theme) => void, () => void] { root.classList.toggle('dark', theme === 'dark') root.style.colorScheme = theme window.localStorage.setItem(THEME_KEY, theme) - - const color = theme === 'dark' ? '#1c1c1c' : '#faf9f8' - document - .querySelectorAll('meta[name="theme-color"]') - .forEach((m) => { - m.setAttribute('content', color) - }) }, [theme]) const toggle = () => setTheme((t) => (t === 'dark' ? 'light' : 'dark')) From 7fa4f9c72c3e905f3e4dd4b903cfb0de1adf187e Mon Sep 17 00:00:00 2001 From: Dmitry Zhukovsky Date: Sun, 17 May 2026 00:00:47 +0200 Subject: [PATCH 3/3] Update theme color handling and improve header responsiveness --- index.html | 5 +++-- src/components/site-header.tsx | 13 +++++++++---- src/lib/hooks.ts | 7 +++++++ 3 files changed, 19 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 1f2bd47..b68e7ca 100644 --- a/index.html +++ b/index.html @@ -5,8 +5,9 @@ - - + + + diff --git a/src/components/site-header.tsx b/src/components/site-header.tsx index 35b405e..8c05e16 100644 --- a/src/components/site-header.tsx +++ b/src/components/site-header.tsx @@ -35,11 +35,16 @@ export function SiteHeader() { return (
-
+