rename color for gene functions

frontend/src/components/KeggCard.vue

 <template>
   <v-flex xs12 md6 lg4>
     <v-card>
-      <v-toolbar-title class="function white--text">
+      <v-toolbar-title class="genefunction white--text">
         <v-icon class="primary--text">account_tree</v-icon>
         KEGG Function
       </v-toolbar-title>
       <div class="text-xs-center" v-if="kegg_detail.length == 0">
         <v-progress-circular
           indeterminate
-          color="function"
+          color="genefunction"
         ></v-progress-circular>
       </div>
       <v-list v-else>

frontend/src/main.js

@@ -13,7 +13,7 @@ Vue.use(Vuetify, {
     primary: '#263238',
     secondary: '#508991',
     tertiary: '#f5edf0',
-    function: '#65b891',
+    genefunction: '#65b891',
     taxonomy: '#886f68',
   },
 });