External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: top nav respects dark mode theme

Browse Source 
Changed bg-white to bg-background so the top nav bar adapts to the
app's dark/light theme via CSS variables instead of being hardcoded
to white.
This commit is contained in:
SnapOtter
2026-06-14 21:08:34 +08:00
parent ade79c53a5
commit 43b190134e
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/layout/top-nav.tsx
+2 -2
View File
@@ -63,7 +63,7 @@ export function TopNav({
<header <header
className={cn( className={cn(
"flex items-center h-12 px-4 border-b shrink-0", "flex items-center h-12 px-4 border-b shrink-0",
isDark ? "bg-[#222] border-[#333]" : "bg-white border-border", isDark ? "bg-[#222] border-[#333]" : "bg-background border-border",
)} )}
> >
{breadcrumb ? ( {breadcrumb ? (
@@ -119,7 +119,7 @@ export function TopNav({
<header <header
className={cn( className={cn(
"flex items-center h-12 px-4 border-b shrink-0", "flex items-center h-12 px-4 border-b shrink-0",
isDark ? "bg-[#222] border-[#333]" : "bg-white border-border", isDark ? "bg-[#222] border-[#333]" : "bg-background border-border",
)} )}
> >
{/* Left: Logo */} {/* Left: Logo */}