From f54239bbec82c9f5fe960bf142196f3d7d001ee3 Mon Sep 17 00:00:00 2001
From: amisha jha <jhaamisha096@gmail.com>
Date: Tue, 5 Oct 2021 19:29:47 +0530
Subject: [PATCH] sone styling in navigationtab

---
 src/components/navigation-bar/NavigationBar.jsx | 7 ++++---
 src/styles/variables.js                         | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/navigation-bar/NavigationBar.jsx b/src/components/navigation-bar/NavigationBar.jsx
index 811c26c..75429d9 100644
--- a/src/components/navigation-bar/NavigationBar.jsx
+++ b/src/components/navigation-bar/NavigationBar.jsx
@@ -22,7 +22,7 @@ const Navbar = styled.div`
   padding: 0 20px;
   top: 0;
   position: sticky;
-  background-color: ${styles.variables.white};
+  background-color: ${styles.variables.blue};
 `;
 
 const ItemList = styled.ul`
@@ -94,7 +94,7 @@ class NavigationBar extends Component {
       <Navbar>
         <div>
           <MenuIcon icon={this.props.menuToggled ? faTimes : faBars} onClick={this.props.onMenuToggle} />
-          <Text>MyHome logo</Text>
+          <Text color={styles.colors.white}>MyHome logo</Text>
         </div>
         <div>
           <span className="fa-layers fa-fw">
@@ -106,6 +106,7 @@ class NavigationBar extends Component {
             <Text
               fontWeight="500"
               dropdownMargin="0 0 0 -30px"
+              color={styles.colors.white}
               dropdown={
                 <ItemList>
                   {this.props.currentUser ?
@@ -128,7 +129,7 @@ class NavigationBar extends Component {
                 </ItemList>
               }
             >
-              {this.props.currentUser ? 'Tony Stark' : 'Guest'}
+              {this.props.currentUser  ? 'Tony Stark' : 'Guest'}
             </Text>
           </span>
         </div>
diff --git a/src/styles/variables.js b/src/styles/variables.js
index 58f1f75..5bbe584 100644
--- a/src/styles/variables.js
+++ b/src/styles/variables.js
@@ -3,4 +3,5 @@ export default {
   viewHeight: 'calc(100vh - 50px)',
   white: '#FFFFFF',
   black: '#000000',
+  blue: '#0058FF'
 };