From 52dc2734898230bf6f87292b48327226b27d13c2 Mon Sep 17 00:00:00 2001
From: ziajka <dominik.ziajka@gmail.com>
Date: Thu, 2 Nov 2017 09:17:15 +0100
Subject: [PATCH] Change primary color for dark on backgrounds

---
 .../default-layout.component.css              |  4 +-
 .../default-layout.component.html             |  4 +-
 .../project-map/project-map.component.html    | 22 ++++----
 src/app/projects/projects.component.html      |  2 +-
 src/theme.scss                                | 56 ++++++++++++++++++-
 5 files changed, 69 insertions(+), 19 deletions(-)

diff --git a/src/app/default-layout/default-layout.component.css b/src/app/default-layout/default-layout.component.css
index c46385f6..ada67d47 100644
--- a/src/app/default-layout/default-layout.component.css
+++ b/src/app/default-layout/default-layout.component.css
@@ -19,7 +19,7 @@ app-default-layout {
 .footer {
   flex-shrink: 0;
   padding: 20px;
-  background-color: #0097a7;
+  /*background-color: #0097a7;*/
   color: white;
 }
 
@@ -49,7 +49,7 @@ main {
 
 .default-header {
   padding-left: 20px;
-  background-color: #0097a7;
+  /*background-color: #0097a7;*/
 }
 
 .buttons-bar {
diff --git a/src/app/default-layout/default-layout.component.html b/src/app/default-layout/default-layout.component.html
index 69a01884..f6648b16 100644
--- a/src/app/default-layout/default-layout.component.html
+++ b/src/app/default-layout/default-layout.component.html
@@ -4,7 +4,7 @@
       <mat-icon svgIcon="gns3"></mat-icon>
     </button>
 
-    <a mat-button routerLink="/servers" >Servers</a>
+    <button mat-button routerLink="/servers" >Servers</button>
   </mat-toolbar>
 </header>
 
@@ -12,7 +12,7 @@
   <router-outlet></router-outlet>
 </main>
 
-<footer class="footer primary-light-bg">
+<footer class="footer mat-app-background">
   GNS3 Web UI demo &copy; 2017
 </footer>
 
diff --git a/src/app/project-map/project-map.component.html b/src/app/project-map/project-map.component.html
index 2e3b9c6b..aad38f8c 100644
--- a/src/app/project-map/project-map.component.html
+++ b/src/app/project-map/project-map.component.html
@@ -3,21 +3,21 @@
 
   <div class="project-toolbar">
     <mat-toolbar color="primary" class="project-toolbar">
-      <button mat-icon-button>
+      <button mat-icon-button [routerLink]="['/server', server.id, 'projects']">
         <mat-icon svgIcon="gns3"></mat-icon>
       </button>
 
-      <mat-toolbar-row>
-        <button mat-icon-button>
-          <mat-icon>verified_user</mat-icon>
-        </button>
-      </mat-toolbar-row>
+      <!--<mat-toolbar-row>-->
+        <!--<button mat-icon-button>-->
+          <!--<mat-icon>verified_user</mat-icon>-->
+        <!--</button>-->
+      <!--</mat-toolbar-row>-->
 
-      <mat-toolbar-row>
-        <button mat-icon-button>
-          <mat-icon>delete</mat-icon>
-        </button>
-      </mat-toolbar-row>
+      <!--<mat-toolbar-row>-->
+        <!--<button mat-icon-button>-->
+          <!--<mat-icon>delete</mat-icon>-->
+        <!--</button>-->
+      <!--</mat-toolbar-row>-->
     </mat-toolbar>
   </div>
 
diff --git a/src/app/projects/projects.component.html b/src/app/projects/projects.component.html
index 1bdedcc0..dd3a65c4 100644
--- a/src/app/projects/projects.component.html
+++ b/src/app/projects/projects.component.html
@@ -1,5 +1,5 @@
 <div class="content">
-  <div class="default-header">
+  <div class="default-header mat-app-background">
     <h1>Projects</h1>
   </div>
   <div class="default-content">
diff --git a/src/theme.scss b/src/theme.scss
index 0103be75..f705a190 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -5,9 +5,59 @@
 
 // Define a theme.
 $primary: mat-palette($mat-cyan, 700, 500, 900);
-$accent:  mat-palette($mat-blue-grey, A200, A100, A400);
+$accent:  mat-palette($mat-blue-grey, A200, A100, A700);
 
 $theme: mat-dark-theme($primary, $accent);
 
-// Include all theme styles for the components.
-@include angular-material-theme($theme);
+$dark-palette: mat-palette($mat-blue-grey, 900, A100, A400);
+$dark-background: mat-dark-theme($dark-palette, $primary);
+
+$mat-dark-theme-background: (
+  status-bar: black,
+  app-bar:    map_get($mat-blue-grey, 900),
+  background: map_get($mat-blue-grey, 900),
+  hover:      rgba(white, 0.04),
+  card:       map_get($mat-blue-grey, 900),
+  dialog:     map_get($mat-blue-grey, 900),
+  disabled-button: $white-12-opacity,
+  raised-button: map-get($mat-grey, 800),
+  focused-button: $white-6-opacity,
+  selected-button: map_get($mat-grey, 900),
+  selected-disabled-button: map_get($mat-grey, 800),
+  disabled-button-toggle: black,
+  unselected-chip: map_get($mat-grey, 700),
+  disabled-list-option: black,
+);
+
+$theme: map-merge($theme, (background: $mat-dark-theme-background));
+
+@include mat-core-theme($theme);
+@include mat-autocomplete-theme($theme);
+@include mat-button-theme($theme);
+@include mat-button-toggle-theme($theme);
+@include mat-card-theme($theme);
+@include mat-checkbox-theme($theme);
+@include mat-chips-theme($theme);
+@include mat-table-theme($theme);
+@include mat-datepicker-theme($theme);
+@include mat-dialog-theme($theme);
+@include mat-expansion-panel-theme($theme);
+@include mat-form-field-theme($theme);
+@include mat-grid-list-theme($theme);
+@include mat-icon-theme($theme);
+@include mat-input-theme($theme);
+@include mat-list-theme($theme);
+@include mat-menu-theme($theme);
+@include mat-paginator-theme($theme);
+@include mat-progress-bar-theme($theme);
+@include mat-progress-spinner-theme($theme);
+@include mat-radio-theme($theme);
+@include mat-select-theme($theme);
+@include mat-sidenav-theme($theme);
+@include mat-slide-toggle-theme($theme);
+@include mat-slider-theme($theme);
+@include mat-stepper-theme($theme);
+@include mat-tabs-theme($theme);
+@include mat-toolbar-theme($dark-background);
+@include mat-tooltip-theme($theme);
+@include mat-snack-bar-theme($theme);