Remove old theming, use correct theme colors and a friendlier icon

projects/common-map/src/fm-map/components/aol/gps-location/gps-location.component.scss

@@ -1,4 +1,3 @@
-@import "../../../_theme.scss";
 @import "~bootstrap/scss/bootstrap.scss";
 
 
@@ -11,25 +10,25 @@
 }
 
 .tolerance {
-  fill: theme-color();
+  fill: $primary;
   fill-opacity:0.4;
 }
 
 .border {
-  fill: white;
+  fill: $white;
 }
 
 .center {
-  fill: theme-color();
+  fill: $primary;
 }
 
 .stop1 {
-  stop-color: theme-color();
+  stop-color: $primary;
   stop-opacity:1;
 }
 
 .stop2 {
-  stop-color: theme-color();
+  stop-color:$primary;
   stop-opacity: 0;
 }
 

projects/common-map/src/fm-map/components/aol/pan-to-location/pan-to-location.component.scss

@@ -1,4 +1,3 @@
-@import "../../../_theme.scss";
 @import "~bootstrap/scss/bootstrap.scss";
 
 
@@ -6,7 +5,7 @@
   display:block; 
   width:2.5em;
   height:2.5em;
-  background-color: white;
+  background-color: $body-bg;
   background-size: contain;
   margin-top:0.5em;
 }
@@ -16,13 +15,13 @@
 }
 
 .pan-to {
-  fill: #333333;
+  fill: $secondary;
 }
 
 .pan-to-centered {
-  fill: theme-color()
+  fill: $primary;
 }
 
-.pan-to-disabled {
-  fill: #808080;
+.pan-to-centered.pan-to-disabled {
+  fill: $gray-300;
 }