summaryrefslogtreecommitdiff
path: root/apps/web/src/components/header.tsx
diff options
context:
space:
mode:
authorMaze Winther <mazewinther@gmail.com>2025-08-04 11:12:44 +0200
committerMaze Winther <mazewinther@gmail.com>2025-08-04 11:12:44 +0200
commitefa5be2ab8fd5be095995378caddd0784fc3fbd3 (patch)
treeccc4cab14e9ab53f34bbecfeb3b3f8acf04e1b03 /apps/web/src/components/header.tsx
parentb0cfedbc5aacdaf4df165ef4b0a61c3128aff1f2 (diff)
downloadopencut-efa5be2ab8fd5be095995378caddd0784fc3fbd3.tar.gz
feat: proper light mode for hero section
Diffstat (limited to 'apps/web/src/components/header.tsx')
-rw-r--r--apps/web/src/components/header.tsx4
1 files changed, 2 insertions, 2 deletions
diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index f5f847be..bed04a27 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -9,7 +9,7 @@ import Image from "next/image";
export function Header() {
const leftContent = (
<Link href="/" className="flex items-center gap-3">
- <Image src="/logo.svg" alt="OpenCut Logo" width={32} height={32} />
+ <Image src="/logo.svg" alt="OpenCut Logo" className="invert dark:invert-0" width={32} height={32} />
<span className="text-xl font-medium hidden md:block">OpenCut</span>
</Link>
);
@@ -40,7 +40,7 @@ export function Header() {
return (
<div className="mx-4 md:mx-0">
<HeaderBase
- className="bg-accent border rounded-2xl max-w-3xl mx-auto mt-4 pl-4 pr-[14px]"
+ className="bg-background border rounded-2xl max-w-3xl mx-auto mt-4 pl-4 pr-[14px]"
leftContent={leftContent}
rightContent={rightContent}
/>