color tweaks

src/app/core/components/navigation/navigation.model.ts

@@ -257,23 +257,6 @@ export class FuseNavigation
                     }
                 ]
             },
-            {
-                'title'   : 'Tables',
-                'type'    : 'nav-collapse',
-                'icon'    : 'border_all',
-                'children': [
-                    {
-                        'title': 'Simple Table',
-                        'type' : 'nav-item',
-                        'url'  : '/ui/tables/simple-table'
-                    },
-                    {
-                        'title': 'Data Table',
-                        'type' : 'nav-item',
-                        'url'  : '/ui/tables/data-table'
-                    }
-                ]
-            },
             {
                 'title'   : 'Page Layouts',
                 'type'    : 'nav-collapse',
@@ -369,47 +352,17 @@ export class FuseNavigation
                 'type' : 'subheader'
             },
             {
-                'title'   : 'Charts',
+                'title'   : 'Datatable',
                 'type'    : 'nav-collapse',
-                'icon'    : 'poll',
+                'icon'    : 'border_all',
                 'children': [
                     {
-                        'title': 'nvD3',
+                        'title': 'Smart Table',
                         'type' : 'nav-item',
-                        'url'  : '/components/charts/nvd3'
+                        'url'  : '/component/tables/smart-table'
                     }
                 ]
             },
-            {
-                'title': 'Collapse',
-                'type' : 'nav-item',
-                'icon' : 'add_box',
-                'url'  : '/components/collapse'
-            },
-            {
-                'title': 'Modal',
-                'type' : 'nav-item',
-                'icon' : 'picture_in_picture',
-                'url'  : '/components/modal'
-            },
-            {
-                'title': 'Popovers',
-                'type' : 'nav-item',
-                'icon' : 'chat_buble',
-                'url'  : '/components/popovers'
-            },
-            {
-                'title': 'Snackbar',
-                'type' : 'nav-item',
-                'icon' : 'call_to_action',
-                'url'  : '/components/snackbar'
-            },
-            {
-                'title': 'Tooltips',
-                'type' : 'nav-item',
-                'icon' : 'live_help',
-                'url'  : '/components/tooltips'
-            }
         ];
     }
 }

src/app/core/scss/partials/_colors.scss

@@ -1,23 +1,23 @@
 $matColorsMap: (
-        red: $mat-red,
+    red: $mat-red,
-        pink:$mat-pink,
+    pink:$mat-pink,
-        purple:$mat-purple,
+    purple:$mat-purple,
-        deep-purple:$mat-deep-purple,
+    deep-purple:$mat-deep-purple,
-        indigo:$mat-indigo,
+    indigo:$mat-indigo,
-        blue:$mat-blue,
+    blue:$mat-blue,
-        light-blue:$mat-light-blue,
+    light-blue:$mat-light-blue,
-        cyan:$mat-cyan,
+    cyan:$mat-cyan,
-        teal:$mat-teal,
+    teal:$mat-teal,
-        green:$mat-green,
+    green:$mat-green,
-        light-green:$mat-light-green,
+    light-green:$mat-light-green,
-        lime:$mat-lime,
+    lime:$mat-lime,
-        yellow:$mat-yellow,
+    yellow:$mat-yellow,
-        amber:$mat-amber,
+    amber:$mat-amber,
-        orange:$mat-orange,
+    orange:$mat-orange,
-        deep-orange:$mat-deep-orange,
+    deep-orange:$mat-deep-orange,
-        brown:$mat-brown,
+    brown:$mat-brown,
-        grey:$mat-grey,
+    grey:$mat-grey,
-        blue-grey:$mat-blue-grey
+    blue-grey:$mat-blue-grey
 );
 
 $matColorHues: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200, A400, A700;

src/app/core/scss/partials/_typography.scss

@@ -46,6 +46,7 @@ h6, .h6 {
 
 // Links
 a {
+    color: mat-color($accent);
     text-decoration: none;
 
     &:hover, &:active {

src/app/core/scss/variables/_theme.scss

@@ -1,8 +1,41 @@
 @import '~@angular/material/theming';
 
+$mat-fusedark: (
+    50: #ececee,
+    100: #c5c6cb,
+    200: #9ea1a9,
+    300: #7d818c,
+    400: #5c616f,
+    500: #3c4252,
+    600: #353a48,
+    700: #2d323e,
+    800: #262933,
+    900: #1e2129,
+    A100: #c5c6cb,
+    A200: #9ea1a9,
+    A400: #5c616f,
+    A700: #2d323e,
+    contrast: (
+        50: $black-87-opacity,
+        100: $black-87-opacity,
+        200: $black-87-opacity,
+        300: white,
+        400: white,
+        500: $white-87-opacity,
+        600: $white-87-opacity,
+        700: $white-87-opacity,
+        800: $white-87-opacity,
+        900: $white-87-opacity,
+        A100: $black-87-opacity,
+        A200: $white-87-opacity,
+        A400: $white-87-opacity,
+        A700: $white-87-opacity,
+    )
+);
+
 // Palettes
-$primary: mat-palette($mat-indigo);
+$primary: mat-palette($mat-fusedark);
-$accent: mat-palette($mat-blue, A200, A100, A400);
+$accent: mat-palette($mat-blue, 600, 400, 700);
 $warn: mat-palette($mat-red);
 
 // Create the theme object (a Sass map containing all of the palettes).

src/app/main/pages/authentication/forgot-password/forgot-password.component.html

@@ -22,7 +22,7 @@
                     </md-error>
                 </md-input-container>
 
-                <button md-raised-button class="submit-button" color="primary"
+                <button md-raised-button class="submit-button" color="accent"
                         aria-label="SEND RESET LINK" [disabled]="forgotPasswordForm.invalid">
                     SEND RESET LINK
                 </button>

src/app/main/pages/authentication/lock/lock.component.html

@@ -31,7 +31,7 @@
                     </md-error>
                 </md-input-container>
 
-                <button md-raised-button class="submit-button" color="primary"
+                <button md-raised-button class="submit-button" color="accent"
                         aria-label="UNLOCK" [disabled]="lockForm.invalid">
                     UNLOCK
                 </button>

src/app/main/pages/authentication/login-2/login-2.component.html

@@ -56,7 +56,7 @@
                     </a>
                 </div>
 
-                <button md-raised-button color="primary" class="submit-button" aria-label="LOGIN"
+                <button md-raised-button color="accent" class="submit-button" aria-label="LOGIN"
                         [disabled]="loginForm.invalid">
                     LOGIN
                 </button>

src/app/main/pages/authentication/login/login.component.html

@@ -39,7 +39,7 @@
                     </a>
                 </div>
 
-                <button md-raised-button color="primary" class="submit-button" aria-label="LOG IN"
+                <button md-raised-button color="accent" class="submit-button" aria-label="LOG IN"
                         [disabled]="loginForm.invalid">
                     LOGIN
                 </button>

src/app/main/pages/authentication/register-2/register-2.component.html

@@ -66,7 +66,7 @@
                     <a href="#">terms and conditions</a>
                 </div>
 
-                <button md-raised-button color="primary" class="submit-button" aria-label="CREATE AN ACCOUNT"
+                <button md-raised-button color="accent" class="submit-button" aria-label="CREATE AN ACCOUNT"
                         [disabled]="registerForm.invalid">
                     CREATE AN ACCOUNT
                 </button>

src/app/main/pages/authentication/register/register.component.html

@@ -49,7 +49,7 @@
                     <a href="#">terms and conditions</a>
                 </div>
 
-                <button md-raised-button color="primary" class="submit-button" aria-label="CREATE AN ACCOUNT"
+                <button md-raised-button color="accent" class="submit-button" aria-label="CREATE AN ACCOUNT"
                         [disabled]="registerForm.invalid">
                     CREATE AN ACCOUNT
                 </button>

src/app/main/pages/authentication/reset-password/reset-password.component.html

@@ -36,7 +36,7 @@
                     </md-error>
                 </md-input-container>
 
-                <button md-raised-button class="submit-button" color="primary"
+                <button md-raised-button class="submit-button" color="accent"
                         aria-label="RESET MY PASSWORD" [disabled]="resetPasswordForm.invalid">
                     RESET MY PASSWORD
                 </button>

src/app/main/pages/coming-soon/coming-soon.component.html

@@ -35,7 +35,7 @@
                     </md-error>
                 </md-input-container>
 
-                <button md-raised-button color="primary" class="subscribe-button" aria-label="SUBSCRIBE"
+                <button md-raised-button color="accent" class="subscribe-button" aria-label="SUBSCRIBE"
                         [disabled]="comingSoonForm.invalid">
                     SUBSCRIBE
                 </button>

src/app/main/pages/profile/tabs/about/about.component.html

@@ -4,7 +4,7 @@
 
         <div class="profile-box info-box general" fxLayout="column">
 
-            <header>
+            <header class="md-accent-bg">
                 <div class="title">General Information</div>
             </header>
 
@@ -38,7 +38,7 @@
 
         <div class="profile-box info-box work" fxLayout="column">
 
-            <header>
+            <header class="md-accent-bg">
                 <div class="title">Work</div>
             </header>
 
@@ -67,7 +67,7 @@
 
         <div class="profile-box info-box contact" fxLayout="column">
 
-            <header>
+            <header class="md-accent-bg">
                 <div class="title">Contact</div>
             </header>
 
@@ -104,7 +104,7 @@
 
         <div class="profile-box friends" fxLayout="column">
 
-            <header fxLayout="row" fxLayoutAlign="space-between center">
+            <header class="md-accent-bg" fxLayout="row" fxLayoutAlign="space-between center">
                 <div class="title">Friends</div>
                 <div class="more secondary-text">
                     <span>See 454 more...</span>
@@ -121,7 +121,7 @@
 
         <div class="profile-box groups" fxLayout="column">
 
-            <header fxLayout="row" fxLayoutAlign="space-between center">
+            <header class="md-accent-bg" fxLayout="row" fxLayoutAlign="space-between center">
                 <div class="title">Joined Groups</div>
                 <div class="more secondary-text">
                     <span>See 6 more...</span>

src/app/main/pages/profile/tabs/about/about.component.scss

@@ -93,7 +93,6 @@
 
         header {
             padding: 16px;
-            background: mat-color($primary);
 
             .title {
                 font-size: 17px;

src/app/main/pages/profile/tabs/timeline/timeline.component.html

@@ -136,7 +136,7 @@
          fxFlexOrder.gt-sm="2">
 
         <div class="profile-box latest-activity" fxLayout="column">
-            <header fxLayout="row" fxLayoutAlign="space-between center">
+            <header class="md-accent-bg" fxLayout="row" fxLayoutAlign="space-between center">
                 <div class="title">Latest Activity</div>
                 <div class="more secondary-text">See All</div>
             </header>

src/app/main/pages/profile/tabs/timeline/timeline.component.scss

@@ -225,10 +225,6 @@
 
             .latest-activity {
 
-                header {
-                    background: mat-color($primary);
-                }
-
                 .content {
                     background-color: #FFF;