diff --git a/public/menu.svg b/public/menu.svg
index c84912cf..27b615b9 100644
--- a/public/menu.svg
+++ b/public/menu.svg
@@ -1,4 +1,16 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" fill="#000000">
+    <defs>
+    <style>
+        .menu-icon-color {
+            fill: #000;
+        }
+        @media (prefers-color-scheme: dark) {
+          .menu-icon-color {
+            fill: #eeeeee;
+          }
+        }
+    </style>
+    </defs>
     <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
+    <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" class="menu-icon-color"/>
 </svg>