From 019b381c52fc6086b0fd68113e697ecf1c5ef4b8 Mon Sep 17 00:00:00 2001
From: loveuer <loveuer@live.com>
Date: Mon, 2 Mar 2026 05:51:54 -0800
Subject: [PATCH] style: lighten navbar background to match page tone
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Use page background color (#e3f2fd) with a subtle bottom border instead of
the solid green. Brand and links switch to green-on-light for consistency.

🤖 Generated with [Qoder][https://qoder.com]
---
 frontend/src/page/share/component/nav-bar.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/frontend/src/page/share/component/nav-bar.tsx b/frontend/src/page/share/component/nav-bar.tsx
index d83e193..ef49427 100644
--- a/frontend/src/page/share/component/nav-bar.tsx
+++ b/frontend/src/page/share/component/nav-bar.tsx
@@ -8,12 +8,12 @@ const useStyle = createUseStyles({
         justifyContent: 'space-between',
         padding: '0 24px',
         height: '48px',
-        backgroundColor: '#2c9678',
-        boxShadow: '0 2px 6px rgba(0,0,0,0.15)',
+        backgroundColor: '#e3f2fd',
+        borderBottom: '1px solid rgba(44,150,120,0.2)',
         flexShrink: 0,
     },
     brand: {
-        color: 'white',
+        color: '#2c9678',
         fontWeight: 700,
         fontSize: '18px',
         letterSpacing: '1px',
@@ -25,19 +25,18 @@ const useStyle = createUseStyles({
         alignItems: 'center',
     },
     link: {
-        color: 'rgba(255,255,255,0.9)',
+        color: '#2c9678',
         fontSize: '13px',
         textDecoration: 'none',
         padding: '5px 12px',
         borderRadius: '4px',
         transition: 'background-color 0.2s',
         '&:hover': {
-            backgroundColor: 'rgba(255,255,255,0.2)',
-            color: 'white',
+            backgroundColor: 'rgba(44,150,120,0.1)',
         },
     },
     divider: {
-        color: 'rgba(255,255,255,0.4)',
+        color: 'rgba(44,150,120,0.3)',
         fontSize: '13px',
     },
 });