updated to use new stylesheets

frontend/internet/projects/account/src/app/device/attribute/attr-edit.component.html

@@ -18,7 +18,7 @@
                     </mat-form-field>
                 </mat-radio-button>
                 <button mat-icon-button [disableRipple]="true">
-                    <fa-icon class="danger-icon" [icon]="deleteIcon"></fa-icon>
+                    <fa-icon [icon]="deleteIcon"></fa-icon>
                 </button>
             </div>
 
@@ -35,5 +35,5 @@
 
 <div mat-dialog-actions align="end">
     <button mat-button (click)="onCancelClick()">CANCEL</button>
-    <button mat-button [mat-dialog-close]="dialogData" class="action-button">SAVE</button>
+    <button mat-button class="attribute-save-button" [mat-dialog-close]="dialogData">SAVE</button>
 </div>

frontend/internet/projects/account/src/app/device/attribute/attr-edit.component.scss

@@ -1,3 +1,7 @@
+@import '~@angular/material/theming';
+@import '~src/stylesheets/mycroft-colors';
+@import '~src/stylesheets/components/buttons';
+
 .predefined-group {
     margin-bottom: 12px;
     margin-top: 12px;
@@ -9,5 +13,10 @@
 }
 
 fa-icon {
+    color: mat-color($mycroft-warn);
     margin-left: 16px;
 }
+
+.attribute-save-button {
+    @include action-button-primary;
+}