ui color/theme improvement

frontend/src/components/Recipe/RecipeEditor/ExtrasEditor.vue

@@ -56,7 +56,7 @@
 
           <v-spacer></v-spacer>
 
-          <v-btn color="success" text @click="save"> I accept </v-btn>
+          <v-btn color="success" text @click="save"> Save </v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>
@@ -75,7 +75,8 @@ export default {
       formKey: 1,
       rules: {
         required: (v) => !!v || "Key Name Required",
-        whiteSpace: (v) => !v || v.split(" ").length <= 1 || "No White Space Allowed",
+        whiteSpace: (v) =>
+          !v || v.split(" ").length <= 1 || "No White Space Allowed",
       },
     };
   },

frontend/src/components/Recipe/RecipeViewer.vue

@@ -50,7 +50,7 @@
             <h2 class="mt-4">Categories</h2>
             <v-chip
               class="ma-1"
-              color="primary"
+              color="accent"
               dark
               v-for="category in categories"
               :key="category"
@@ -63,7 +63,7 @@
             <h2 class="mt-4">Tags</h2>
             <v-chip
               class="ma-1"
-              color="primary"
+              color="accent"
               dark
               v-for="tag in tags"
               :key="tag"