refactor(styles): inverse re-do

src/app/@theme/components/header/header.component.scss

@@ -1,4 +1,6 @@
-:host {
+@import '../../styles/variables';
+
+@include nga-install-component() {
   width: 100%;
   display: flex;
   justify-content: space-between;
@@ -17,8 +19,7 @@
   .left {
     > * {
       padding: 0 1.25rem;
-      border-right-width: 1px;
-      border-right-style: solid;
+      border-right: 1px solid nga-theme(separator);
 
       &:first-child {
         padding-left: 0;
@@ -34,12 +35,12 @@
     }
 
     .control-icon.ion-navicon {
-      font-size: 2.8rem;
+      font-size: 2.5rem;
     }
 
     .logo {
       font-size: 1.7rem;
-      font-weight: bold;
+      font-weight: nga-theme(font-weight-bolder);
       text-decoration: none;
       transition: all 0.2s ease;
       cursor: pointer;

src/app/@theme/components/header/header.component.ts

@@ -8,7 +8,7 @@ import { NgaThemeService } from '@nga/theme/services/theme.service';
   styleUrls: ['./header.component.scss'],
   template: `
     <div class="left">
-      <i class="control-icon ion ion-navicon" (click)="toggleSidebar()"></i>
+      <a (click)="toggleSidebar()" href="#"><i class="control-icon ion ion-navicon"></i></a>
       <span class="logo" (click)="goToHome()">NgX&nbsp;<a>Admin</a></span>
       <div class="theme-buttons">
         <button class="btn btn-hero-primary" (click)="selectCosmicTheme()">Cosmic</button>
@@ -17,12 +17,12 @@ import { NgaThemeService } from '@nga/theme/services/theme.service';
       </div>
     </div>
 
-    <nga-actions size="medium" inverse class="right">
+    <nga-actions size="medium" class="right">
       <nga-action><nga-search type="rotate-layout"></nga-search></nga-action>
       <nga-action icon="ion-ios-email-outline"></nga-action>
       <nga-action disabled icon="ion-ios-bell-outline"></nga-action>
       <nga-action>
-        <nga-user inverse [menu]="userMenu" name="Han Solo"></nga-user>
+        <nga-user [menu]="userMenu" name="Han Solo"></nga-user>
       </nga-action>
       <nga-action icon="ion-ios-gear-outline"></nga-action>
     </nga-actions>
@@ -44,8 +44,9 @@ export class HeaderComponent {
               private themeService: NgaThemeService) {
   }
 
-  toggleSidebar() {
+  toggleSidebar(): boolean {
     this.sidebarService.toggle(true);
+    return false;
   }
 
   goToHome() {

src/app/pages/pages.component.ts

@@ -6,7 +6,7 @@ import 'style-loader!../@theme/styles/styles.scss';
   selector: 'ngx-pages',
   template: `
     <ngx-one-column-layout>
-      <nga-menu inverse></nga-menu>
+      <nga-menu></nga-menu>
       <router-outlet></router-outlet>
     </ngx-one-column-layout>
   `,

src/app/pages/ui-features/buttons/actions-groups/actions-groups.component.html

@@ -4,7 +4,7 @@
       <div class="container-title">
         <span>Action Groups</span>
       </div>
-      <nga-actions size="medium" inverse>
+      <nga-actions size="medium">
         <nga-action icon="ion-navicon"></nga-action>
         <nga-action>
           <nga-search type="rotate-layout"></nga-search>
@@ -12,7 +12,7 @@
         <nga-action icon="ion-ios-email-outline"></nga-action>
         <nga-action disabled icon="ion-ios-bell-outline"></nga-action>
         <nga-action>
-          <nga-user inverse [menu]="userMenu" name="Han Solo"></nga-user>
+          <nga-user [menu]="userMenu" name="Han Solo"></nga-user>
         </nga-action>
         <nga-action icon="ion-ios-gear-outline"></nga-action>
       </nga-actions>