ui color/theme improvement

frontend/src/components/Settings/Backup/index.vue

@@ -1,8 +1,7 @@
 <template>
-  <v-card :loading="backupLoading" class="mt-3" min-height="410px">
-    <v-card-title class="secondary white--text">
-      Backup and Exports
-    </v-card-title>
+  <v-card :loading="backupLoading">
+    <v-card-title class="headline"> Backup and Exports </v-card-title>
+    <v-divider></v-divider>
 
     <v-card-text>
       <p>

frontend/src/components/Settings/Migration/index.vue

@@ -1,8 +1,7 @@
 <template>
   <v-card :loading="loading">
-    <v-card-title class="secondary white--text mt-1">
-      Recipe Migration
-    </v-card-title>
+    <v-card-title class="headline"> Recipe Migration </v-card-title>
+    <v-divider></v-divider>
     <v-card-text>
       <p>
         Currently Chowdown via public Repo URL is the only supported type of

frontend/src/components/Settings/Theme/NewThemeDialog.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <v-btn text color="success" @click="dialog = true"> New </v-btn>
+    <v-btn text color="info" @click="dialog = true"> New </v-btn>
     <v-dialog v-model="dialog" width="400">
       <v-card>
         <v-card-title> Add a New Theme </v-card-title>

frontend/src/components/Settings/Theme/index.vue

@@ -1,7 +1,7 @@
 <template>
   <v-card>
-    <v-card-title class="secondary white--text"> Theme Settings </v-card-title>
-
+    <v-card-title class="headline"> Theme Settings </v-card-title>
+    <v-divider></v-divider>
     <v-card-text>
       <h2 class="mt-4 mb-1">Dark Mode</h2>
       <p>
@@ -25,7 +25,7 @@
         </v-col>
       </v-row></v-card-text
     >
-    <v-divider class=""></v-divider>
+    <v-divider></v-divider>
     <v-card-text>
       <h2 class="mt-1 mb-1">Theme</h2>
       <p>
@@ -93,7 +93,10 @@
           />
         </v-col>
         <v-col>
-          <ColorPickerDialog button-text="Info" v-model="selectedTheme.colors.info" />
+          <ColorPickerDialog
+            button-text="Info"
+            v-model="selectedTheme.colors.info"
+          />
         </v-col>
         <v-col>
           <ColorPickerDialog

frontend/src/components/Settings/Webhook/index.vue

@@ -1,6 +1,6 @@
 <template>
   <v-card>
-    <v-card-title class="secondary white--text mt-1">
+    <v-card-title class="headline">
       Meal Planner Webhooks
     </v-card-title>
     <v-card-text>