From 6870f707bff5435eed62b15750563478aeea9c43 Mon Sep 17 00:00:00 2001
From: Piotr Pekala <piotrpawelpekala@gmail.com>
Date: Thu, 28 Nov 2019 05:07:29 -0800
Subject: [PATCH] Fix for map view

---
 src/app/app.component.ts                               |  2 +-
 .../components/project-map/project-map.component.html  | 10 +++++-----
 .../components/project-map/project-map.component.scss  | 10 +---------
 src/app/services/theme.service.ts                      |  3 +--
 4 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 81abfdff..a5de18d6 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -28,6 +28,6 @@ export class AppComponent implements OnInit {
         this.electronService.ipcRenderer.send('settings.changed', settings);
       });
     }
-    // this.themeService.setDarkMode(false);
+    this.themeService.setDarkMode(true);
   }
 }
diff --git a/src/app/components/project-map/project-map.component.html b/src/app/components/project-map/project-map.component.html
index 4f0b6794..bfdf440f 100644
--- a/src/app/components/project-map/project-map.component.html
+++ b/src/app/components/project-map/project-map.component.html
@@ -150,23 +150,23 @@
   </div>
 
   <div id="show-menu-wrapper" [ngClass]="{lightTheme: isLightThemeEnabled, shadowed: !isProjectMapMenuVisible }" *ngIf="!readonly">
-    <button class="arrow-button" mat-icon-button (click)="showMenu()"><mat-icon class="unmarked">keyboard_arrow_right</mat-icon></button>
+    <button [ngClass]="{lightTheme: isLightThemeEnabled}" class="arrow-button" mat-icon-button (click)="showMenu()"><mat-icon class="unmarked">keyboard_arrow_right</mat-icon></button>
   </div>
 
   <div id="menu-wrapper" [ngClass]="{lightTheme: isLightThemeEnabled, extended: isProjectMapMenuVisible }">
     <app-nodes-menu [server]="server" [project]="project"></app-nodes-menu>
     <mat-divider class="divider" [vertical]="true"></mat-divider>
     <app-project-map-menu [server]="server" [project]="project"></app-project-map-menu>
-    <button class="arrow-button" mat-icon-button (click)="hideMenu()"><mat-icon class="unmarked">keyboard_arrow_left</mat-icon></button>
+    <button [ngClass]="{lightTheme: isLightThemeEnabled}" class="arrow-button" mat-icon-button (click)="hideMenu()"><mat-icon class="unmarked">keyboard_arrow_left</mat-icon></button>
   </div>
 
   <app-context-menu [project]="project" [server]="server"></app-context-menu>
 </div>
 
 <div [ngClass]="{lightTheme: isLightThemeEnabled}" class="zoom-buttons">
-  <button class="zoom-button" (click)="zoomIn()"><mat-icon>zoom_in</mat-icon></button>
-  <button class="zoom-button" (click)="resetZoom()"><mat-icon>adjust</mat-icon></button>
-  <button class="zoom-button" (click)="zoomOut()"><mat-icon>zoom_out</mat-icon></button>
+  <button [ngClass]="{lightTheme: isLightThemeEnabled}" class="zoom-button" (click)="zoomIn()"><mat-icon>zoom_in</mat-icon></button>
+  <button [ngClass]="{lightTheme: isLightThemeEnabled}" class="zoom-button" (click)="resetZoom()"><mat-icon>adjust</mat-icon></button>
+  <button [ngClass]="{lightTheme: isLightThemeEnabled}" class="zoom-button" (click)="zoomOut()"><mat-icon>zoom_out</mat-icon></button>
 </div>
 
 <app-progress></app-progress>
diff --git a/src/app/components/project-map/project-map.component.scss b/src/app/components/project-map/project-map.component.scss
index 2c9d64d3..f081293f 100644
--- a/src/app/components/project-map/project-map.component.scss
+++ b/src/app/components/project-map/project-map.component.scss
@@ -103,14 +103,6 @@ mat-divider.divider {
   color: gray;
 }
 
-.unmarked {
-  color: black!important;
-}
-
-.marked {
-  color: #0097a7!important;
-}
-
 .zoom-buttons {
   position: fixed;
   background: #263238;
@@ -125,7 +117,7 @@ mat-divider.divider {
     width: 40px;
     background: transparent;
     border: none;
-    color: black;
+    color: white;
     font-size: 1.25rem;
     font-weight: bold;
 
diff --git a/src/app/services/theme.service.ts b/src/app/services/theme.service.ts
index e22ed1f4..3afa4682 100644
--- a/src/app/services/theme.service.ts
+++ b/src/app/services/theme.service.ts
@@ -13,8 +13,7 @@ export class ThemeService {
   theme$: Observable<[string, boolean]>;
 
   public themeChanged = new EventEmitter<string>();
-  //this should taken from memory
-  public savedTheme: string = 'light';
+  public savedTheme: string = 'dark';
 
   constructor(
     rendererFactory: RendererFactory2,