From 2935eacb1ca0138d96aed6f3f2ebed32a8ab11c9 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Wed, 18 Mar 2026 20:08:43 +0800
Subject: [PATCH] fix(layout): fixed header background color on mobile devices
 (#3561)

---
 apps/readest-app/src/app/reader/components/HeaderBar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/readest-app/src/app/reader/components/HeaderBar.tsx b/apps/readest-app/src/app/reader/components/HeaderBar.tsx
index 5ef1ade0..d0cd0665 100644
--- a/apps/readest-app/src/app/reader/components/HeaderBar.tsx
+++ b/apps/readest-app/src/app/reader/components/HeaderBar.tsx
@@ -139,7 +139,8 @@ const HeaderBar: React.FC<HeaderBarProps> = ({
   return (
     <div
       className={clsx(
-        'bg-base-100 left-0 top-0 w-full',
+        'left-0 top-0 w-full',
+        isHeaderVisible && 'bg-base-100',
         window.innerWidth < 640 ? 'fixed z-20' : 'absolute',
       )}
       style={{