restyled navigation pannel

1 files changed, 5 insertions, 7 deletions

diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue
index aeb91878..c8fbbf59 100644
--- a/src/components/AppHeader/AppHeader.vue
+++ b/src/components/AppHeader/AppHeader.vue
@@ -183,7 +183,7 @@
         </b-button>
       </b-navbar>
     </header>
-    <loading-bar />
+    
   </div>
 </template>
 
@@ -194,7 +194,6 @@ import IconMenu from '@carbon/icons-vue/es/menu/20';
 import IconAvatar from '@carbon/icons-vue/es/user--avatar/20';
 import IconRenew from '@carbon/icons-vue/es/renew/20';
 import StatusIcon from '@/components/Global/StatusIcon';
-import LoadingBar from '@/components/Global/LoadingBar';
 export default {
   name: 'AppHeader',
   components: {
@@ -203,7 +202,6 @@ export default {
     IconAvatar,
     IconRenew,
     StatusIcon,
-    LoadingBar,
   },
   mixins: [BVToastMixin],
   props: {
@@ -343,7 +341,7 @@ export default {
   }
 
   .active-route-top-nav {
-    background-color: $nav-link-bg;
+    background-color: $faint-brand-primary-40;
     border-radius: 4px;
   }
 
@@ -354,10 +352,10 @@ export default {
     color: $white !important;
 
     &:hover {
-      background-color: $nav-link-bg;
+      background-color: $faint-brand-primary-40;
     }
     &:active {
-      background-color: $nav-link-bg;
+      background-color: $faint-brand-primary-40;
     }
   }
 
@@ -473,7 +471,7 @@ export default {
   width: 30px;
   height: 30px;
   &:hover {
-    background: $nav-link-bg;
+    background: $faint-brand-primary-40;
     border-radius: 5px;
     border: none;
   }