map component styles fixes

src/app/pages/dashboard/usersMap/usersMap.service.ts

@@ -1,10 +1,16 @@
 import {Injectable} from '@angular/core';
-import {layoutColors, layoutPaths} from '../../../theme';
+import {BaThemeConfigProvider, layoutPaths} from '../../../theme';
 
 @Injectable()
 export class UsersMapService {
 
-  private _data = {
+  constructor(private _baConfig:BaThemeConfigProvider) {
+  }
+
+  getData() {
+    var layoutColors = this._baConfig.get().colors;
+
+    return {
       type: 'map',
       theme: 'blur',
       zoomControl: { zoomControlEnabled: false, panControlEnabled: false },
@@ -47,21 +53,23 @@ export class UsersMapService {
       },
 
       areasSettings: {
-      rollOverOutlineColor: '#FFFFFF',
+        rollOverOutlineColor: layoutColors.border,
         rollOverColor: layoutColors.primaryDark,
         alpha: 0.8,
-      unlistedAreasAlpha: 0.1,
+        unlistedAreasAlpha: 0.2,
+        unlistedAreasColor: layoutColors.defaultText,
         balloonText: '[[title]]: [[customData]] users'
       },
 
+
       legend: {
         width: '100%',
         marginRight: 27,
         marginLeft: 27,
         equalWidths: false,
-      backgroundAlpha: 0.5,
-      backgroundColor: '#FFFFFF',
-      borderColor: '#ffffff',
+        backgroundAlpha: 0.3,
+        backgroundColor: layoutColors.border,
+        borderColor: layoutColors.border,
         borderAlpha: 1,
         top: 362,
         left: 0,
@@ -91,8 +99,5 @@ export class UsersMapService {
       creditsPosition: 'bottom-right',
       pathToImages: layoutPaths.images.amChart
     };
-
-  getData() {
-    return this._data;
   }
 }