From d12eb1c9bf9e60e1b87960cd69d9cae122908e52 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Fri, 7 Oct 2022 21:08:07 +0330
Subject: [PATCH] dark mode sidebar button.

---
 src/theme/Navbar/Content/index.tsx          |  5 ++++-
 src/theme/Navbar/Content/styles.module.scss | 14 ++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/theme/Navbar/Content/index.tsx b/src/theme/Navbar/Content/index.tsx
index 3706fce..0757600 100644
--- a/src/theme/Navbar/Content/index.tsx
+++ b/src/theme/Navbar/Content/index.tsx
@@ -49,7 +49,10 @@ export default function NavbarContent(): JSX.Element {
       <div className="col col--2">
         <button
           onClick={dispatch.toggleSidebar}
-          className={styles.sidebarButton}
+          className={clsx(
+            styles.sidebarButton,
+            hiddenDesktopSidebar && styles.expand,
+          )}
         >
           {!hiddenDesktopSidebar ? <ChevronIcon /> : <HamburgerIcon />}
         </button>
diff --git a/src/theme/Navbar/Content/styles.module.scss b/src/theme/Navbar/Content/styles.module.scss
index eb3ce77..13f775c 100644
--- a/src/theme/Navbar/Content/styles.module.scss
+++ b/src/theme/Navbar/Content/styles.module.scss
@@ -63,6 +63,20 @@
 
   width: 52px;
   height: 46px;
+
+  &.expand {
+    svg,
+    svg * {
+      fill: currentColor;
+    }
+  }
+
+  &:not(.expand) {
+    svg,
+    svg * {
+      stroke: currentColor;
+    }
+  }
 }
 
 %menu-common {