From ff5e88916ac271266094b190802b15af4ae84d39 Mon Sep 17 00:00:00 2001
From: chs20 <schlarmann.christian@gmail.com>
Date: Tue, 3 Jan 2023 13:27:51 +0100
Subject: [PATCH] Make menu icon visible in dark mode

---
 website/src/components/Header/Header.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/website/src/components/Header/Header.tsx b/website/src/components/Header/Header.tsx
index 8b8c4663..ddc369ea 100644
--- a/website/src/components/Header/Header.tsx
+++ b/website/src/components/Header/Header.tsx
@@ -10,9 +10,11 @@ import { ColorModeIconToggle } from "../UI/ColorModeIconToggle";
 import { UserMenu } from "./UserMenu";
 
 function MenuIcon(props) {
+  const { colorMode } = useColorMode();
+  const stroke = colorMode === "light" ? "black" : "white";
   return (
     <svg viewBox="0 0 24 24" fill="none" aria-hidden="true" {...props}>
-      <path d="M5 6h14M5 18h14M5 12h14" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+      <path d="M5 6h14M5 18h14M5 12h14" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" stroke={stroke} />
     </svg>
   );
 }