style(covalent): color palette apply

src/app/geo-search/radius-filter/radius-filter-btn/radius-filter-btn.component.html

@@ -1,4 +1,4 @@
-<button (click)="change(distance)"
+<button class="button-radius" (click)="change(distance)"
         md-mini-fab [color]="setColor()">
   {{distance}}
 </button>

src/styles.scss

@@ -1,3 +1,4 @@
+@import 'theme';
 // <main toolbar header> //
 @media (max-width: 960px) {
   md-toolbar {
@@ -45,3 +46,8 @@ app-activity-indicator {
   height: 5px;
   z-index: 1;
 }
+
+// <radius buttons not active< //
+.mat-primary.button-radius {
+  background-color: mat-color($primary, 400);
+}

src/theme.scss

@@ -12,8 +12,8 @@
 // Define the palettes for your theme using the Material Design palettes available in palette.scss
 // (imported above). For each palette, you can optionally specify a default, lighter, and darker
 // hue.
-$primary: mat-palette($mat-blue, 700);
-$accent:  mat-palette($mat-orange, 800, A100, A400);
+$primary: mat-palette($mat-red, A700, 700, 400);
+$accent:  mat-palette($mat-blue-grey, 200, 400);
 
 // The warn palette is optional (defaults to red).
 $warn:    mat-palette($mat-red, 600);