From ed7bb408a3b473874e19faa145666133a3a88788 Mon Sep 17 00:00:00 2001
From: Aria Moradi <aria.moradi007@gmail.com>
Date: Sat, 23 Jan 2021 01:36:56 +0330
Subject: [PATCH] fix light theme AppBar

---
 webUI/react/src/components/NavBar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/webUI/react/src/components/NavBar.tsx b/webUI/react/src/components/NavBar.tsx
index df9106e..746387d 100644
--- a/webUI/react/src/components/NavBar.tsx
+++ b/webUI/react/src/components/NavBar.tsx
@@ -41,7 +41,7 @@ export default function NavBar() {
     const { title } = useContext(NavBarTitle);
     const open = Boolean(anchorEl);
 
-    const { setDarkTheme } = useContext(DarkTheme);
+    const { darkTheme, setDarkTheme } = useContext(DarkTheme);
 
     const handleMenu = (event: React.MouseEvent<HTMLElement>) => {
         setAnchorEl(event.currentTarget);
@@ -53,7 +53,7 @@ export default function NavBar() {
 
     return (
         <div className={classes.root}>
-            <AppBar position="static" color="default">
+            <AppBar position="static" color={darkTheme ? 'default' : 'primary'}>
                 <Toolbar>
                     <IconButton
                         edge="start"