From 8e0a2e966f6d14475bb717416682afcc67d3e0ad Mon Sep 17 00:00:00 2001
From: ztimson <zaktimson@gmail.com>
Date: Sat, 24 Aug 2019 20:57:39 -0400
Subject: [PATCH] =?UTF-8?q?more=20dark=20theme=20=F0=9F=98=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/toolbar/toolbar.component.scss |  3 ---
 src/app/components/toolbar/toolbar.component.ts   |  1 -
 src/app/views/map/map.component.scss              | 12 ++++++++++++
 3 files changed, 12 insertions(+), 4 deletions(-)
 delete mode 100644 src/app/components/toolbar/toolbar.component.scss

diff --git a/src/app/components/toolbar/toolbar.component.scss b/src/app/components/toolbar/toolbar.component.scss
deleted file mode 100644
index 9d7b08c..0000000
--- a/src/app/components/toolbar/toolbar.component.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.selected {
-  background-color: #cccccc;
-}
diff --git a/src/app/components/toolbar/toolbar.component.ts b/src/app/components/toolbar/toolbar.component.ts
index 4c72db8..f976301 100644
--- a/src/app/components/toolbar/toolbar.component.ts
+++ b/src/app/components/toolbar/toolbar.component.ts
@@ -5,7 +5,6 @@ import {version} from '../../../../package.json';
 @Component({
     selector: 'toolbar',
     templateUrl: 'toolbar.component.html',
-    styleUrls: ['toolbar.component.scss']
 })
 export class ToolbarComponent implements OnInit, AfterViewInit {
     @Input() menuItems: ToolbarItem[];
diff --git a/src/app/views/map/map.component.scss b/src/app/views/map/map.component.scss
index 69fbc58..49241e6 100644
--- a/src/app/views/map/map.component.scss
+++ b/src/app/views/map/map.component.scss
@@ -30,6 +30,10 @@
   .mat-menu-item {
     color: rgba(255, 255, 255, 0.54);
 
+    &:hover {
+      background-color: rgba(90, 90, 90, 0.8) !important;
+    }
+
     .mat-icon-no-color {
      color: rgba(255, 255, 255, 0.54)
     }
@@ -42,4 +46,12 @@
   z-index: 500;
   color: rgba(255, 255, 255, 0.54);
   background-color: rgba(0, 0, 0, 0.8);
+
+  .selected {
+    background-color: rgba(75, 75, 75, 0.8);
+  }
+
+  .mat-icon-button:hover {
+    background-color: rgba(90, 90, 90, 0.8) !important;
+  }
 }