set color based on primary/canary workload

sets the bg color as blue for primary and green for canary workloads

ui/vue.html

@@ -39,7 +39,7 @@ <h1 class="white--text mb-2 display-1 text-xs-center">${ info.message }</h1>
                 <span slot="badge">${ pings }</span>
                 <v-icon left dark>touch_app</v-icon>
               </v-badge>
-              Ping 
+              Ping
             </v-btn>
           </v-layout>
         </v-parallax>
@@ -158,6 +158,9 @@ <h2 class="headline">The best way to start developing</h2>
                     }
                 }
                 self.info = data
+                self.info.color = parseInt(data.version.split('.').reverse()[0], 10) === 0
+                  ? 'blue'
+                  : 'green'
                 document.title = data.hostname
             }
             xhr.onerror = function() {