Draft: Resolve "Color theme"

Closes #110

client-nuxt/components/GenericItem.vue

@@ -7,7 +7,7 @@
         elevation="2"
         :type="skeletonLoaderType"
       ></v-skeleton-loader>
-      <v-card v-else flat class="mt-3">
+      <v-card v-else flat class="mt-3" :color="color">
         <v-toolbar flat :color="toolbarColor">
           <v-btn nuxt x-small text class="mr-3" @click="goToItemListLocation()"
             ><v-icon left>mdi-arrow-left</v-icon>{{ itemListLabel }}</v-btn
@@ -89,8 +89,8 @@
         </v-toolbar>
 
         <v-card-text>
-          <v-card flat>
-            <v-toolbar dense flat
+          <v-card flat :color="color">
+            <v-toolbar dense flat :color="color"
               ><v-toolbar-title>Description</v-toolbar-title>
             </v-toolbar>
             <v-card-text v-if="item.description">
@@ -125,6 +125,7 @@ export default {
       default:
         'card-heading, list-item-avatar-two-line@3, article, table-heading, table-thead, table-tfoot',
     },
+    color: { type: String, default: null },
     flat: { type: Boolean, default: false },
   },
 
@@ -145,7 +146,7 @@ export default {
     },
     // TODO : choose color for toolbar
     toolbarColor() {
-      return this.$vuetify.theme.dark ? null : 'grey lighten-3'
+      return this.$vuetify.theme.dark ? null : this.color
     },
   },