improve colors for expandable items by default

finish polishing frontend

frontend/src/components/eggnogcard/eggnogcard.html

@@ -18,6 +18,6 @@
     <!-- Simple information -->
     <SimpleListing v-else :listData="eggnogDetails" :color="color"/>
     <!-- Expanded information -->
-    <SimpleExpand :expandData="eggnogExpandDetails" color="color"/>
+    <SimpleExpand :expandData="eggnogExpandDetails" :color="color"/>
   </v-card>
 </v-flex>
\ No newline at end of file

frontend/src/components/listing/simpleexpand/simpleexpand.html

@@ -4,7 +4,7 @@
       <v-divider
         :key="expanditem.title"
       ></v-divider>
-      <v-expansion-panel-content :class="colors.lighten_5">
+      <v-expansion-panel-content :class="colors.lighten_4">
         <template v-slot:header>
           <div>
             <v-icon small color="primary">{{ expanditem.icon }}</v-icon>
@@ -12,10 +12,10 @@
           </div>
         </template>
         <v-card>
-          <v-list :class="colors.lighten_4">
+          <v-list :class="colors.lighten_5">
             <template v-for="(item, index) in expanditem.content">
               <v-divider v-if="index > 0" :key="index"/>
-              <v-list-tile :key="item.id" :class="colors.lighten_4">
+              <v-list-tile :key="item.id" :class="colors.lighten_5">
                 <v-list-tile-content>
                   <v-tooltip top>
                     <template v-slot:activator="{ on }">

frontend/src/components/listing/simpleexpand/simpleexpand.js

@@ -6,10 +6,20 @@ export default {
   },
   computed: {
     colors() {
+      var lighten4 = `${this.color} lighten-4`;
+      if (this.color) {
+        var lighten5 = `${this.color} lighten-5`;
+      }
+      else {
+        var lighten5 = `${this.defaultColor} lighten-5`;
+      }
       return {
-        lighten_4: `${this.color} lighten-4`,
-        lighten_5: `${this.color} lighten-5`,
+        lighten_4: lighten4,
+        lighten_5: lighten5,
       }
+    },
+    defaultColor () {
+      return "blue-grey"
     }
   }
 };
\ No newline at end of file

frontend/src/views/genedetail/genedetail.html

@@ -47,7 +47,7 @@
                   <div>
                     <v-textarea
                       readonly
-                      background-color="blue-grey lighten-4"
+                      background-color="blue-grey lighten-5"
                       hide-details
                       :value="sequence"
                       id="fastaseq"