update appearance of dialog cards

src/components/deckselection/DialogDeckInfo.vue

@@ -1,8 +1,9 @@
 <template>
     <v-dialog
       v-model="showInfo"
+      max-width="400"
     >
-      <v-card>
+      <v-card color="#2e2e2e">
         <v-card-title class="headline">{{deck ? deck.deckname : ""}}</v-card-title>
 
         <v-card-text class="text-left">foo bar ...</v-card-text>
@@ -10,7 +11,7 @@
         <v-card-actions>
           <v-spacer></v-spacer>
           <v-btn
-            color="grey darken-1"
+            color="grey"
             text
             @click="showInfo = false"
           >

src/components/deckselection/DialogDeleteDecks.vue

@@ -1,9 +1,10 @@
 <template>
     <v-dialog
       v-model="showDeleteDialog"
+      max-width="400"
     >
-      <v-card>
-        <v-card-title class="headline">Delete Decks?</v-card-title>
+      <v-card color="#2e2e2e">
+        <v-card-title class="headline">Delete Deck{{numberOfSelectedDecks > 1 ? "s" : ""}}?</v-card-title>
 
         <v-card-text class="text-left">
           Do you really want to delete the {{numberOfSelectedDecks > 1 ? numberOfSelectedDecks + " " : ""}}selected
@@ -13,7 +14,7 @@
           <v-spacer></v-spacer>
 
           <v-btn
-            color="grey darken-1"
+            color="grey"
             text
             @click="showDeleteDialog = false"
           >

src/components/learn/DialogQuit.vue

@@ -1,8 +1,9 @@
 <template>
     <v-dialog
       v-model="showQuitDialog"
+      max-width="400"
     >
-      <v-card>
+      <v-card color="#2e2e2e">
         <v-card-title class="headline">Quit Learning?</v-card-title>
 
         <v-card-text class="text-left">
@@ -13,7 +14,7 @@
           <v-spacer></v-spacer>
 
           <v-btn
-            color="grey darken-1"
+            color="grey"
             text
             @click="showQuitDialog = false"
           >