added new default lane color property to genome vuer

genome-vuer/src/js/genome_viewer.js

@@ -13,7 +13,7 @@ Vue.component("genome-viewer",{
         <axis :x="to_w(0)" :y="to_h(0)" :xOffset="10" :vOffset="10" :height="one_height" :width="width" :start="axisStart" :stop="axisStop" :genomeSize="length*100">
         </axis>
         <!-- -->
-        <lane v-for="lane in lanes" :key="lane.id" :x="to_w(0)" :y="to_h(lane)" :height="2*one_height" :width="to_w(100)" color="#FF00BF">
+        <lane v-for="lane in lanes" :key="lane.id" :x="to_w(0)" :y="to_h(lane)" :height="2*one_height" :width="to_w(100)" :color="defaultLaneColor">
         </lane>
         <feature v-for="(feature, index) in featureData" :key="feature.name" :feature-id="feature.name" :svg-width="genomeToPixel(feature.end)-genomeToPixel(feature.start)" :svg-height="one_height" :svg-x="genomeToPixel(feature.start)" :svg-y="to_h(lane(feature.strand))+ one_height/2" :color="getColor(feature)" :border-color="(feature.color_border)?feature.color_border : defaultBorderColor" @click="featureClick">
         </feature>
@@ -61,6 +61,9 @@ Vue.component("genome-viewer",{
         }
       }
     },
+    defaultLaneColor: {
+      default: "#FF00BF"
+    },
   },
   computed:{
     stops(){