more dark theme 😈

src/app/components/toolbar/toolbar.component.scss

@@ -1,3 +0,0 @@
-.selected {
-  background-color: #cccccc;
-}

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[];

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;
+  }
 }