From 79b9fad4cdaa52d80faf7823aae2c30fa9ae035c Mon Sep 17 00:00:00 2001 From: Saurabh Kumar Bajpai Date: Thu, 16 Jul 2026 17:47:43 +0530 Subject: [PATCH] fix: improve stories navbar contrast Signed-off-by: Saurabh Kumar Bajpai --- src/components/Header.tsx | 2 +- src/index.css | 17 +++++++++++++++++ 2 files changed, 18 insertions(+), 1 deletion(-) diff --git a/src/components/Header.tsx b/src/components/Header.tsx index fb8d1d7..1cc5662 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -40,7 +40,7 @@ const Header: React.FC = () => { return (
{/* Logo */} diff --git a/src/index.css b/src/index.css index 6f700f0..9920f27 100644 --- a/src/index.css +++ b/src/index.css @@ -2071,6 +2071,23 @@ body.light-theme .site-header--scrolled { border-bottom-color: rgba(0, 0, 0, 0.08) !important; box-shadow: 0 4px 40px rgba(0, 0, 0, 0.08) !important; } +body.light-theme .site-header--stories:not(.site-header--scrolled) { + background: rgba(15, 23, 42, 0.88) !important; + backdrop-filter: blur(var(--glass-blur, 16px)) !important; + -webkit-backdrop-filter: blur(var(--glass-blur, 16px)) !important; + border-bottom-color: rgba(148, 163, 184, 0.28) !important; + box-shadow: 0 4px 24px rgba(15, 23, 42, 0.18) !important; +} +body.light-theme .site-header--stories .logo-wordmark { + color: #f8fafc !important; +} +body.light-theme .site-header--stories .nav-item { + color: #cbd5e1 !important; +} +body.light-theme .site-header--stories .nav-item:hover, +body.light-theme .site-header--stories .nav-item--active { + color: #f8fafc !important; +} body.light-theme .logo-wordmark { color: #0f172a !important; }