Dynamic brand img url

frontend/src/components/BaseLayout.vue

@@ -50,7 +50,8 @@
       <v-toolbar-title>
         <router-link to="/home">
           <v-avatar>
-            <img src="../assets/brand.png">
+            <img v-if="production" :src="productionBrandUrl"/>
+            <img v-else src="../assets/brand.png"/>
           </v-avatar>
         </router-link>
       </v-toolbar-title>
@@ -84,6 +85,12 @@
         set: function (collapsed) {
           this.$store.commit(uiMut.SET_SIDEBAR_COLLAPSED, collapsed)
         }
+      },
+      production () {
+        return process.env.NODE_ENV === 'production'
+      },
+      productionBrandUrl () {
+        return `https://${window.location.host}/static/img/brand.png`
       }
     },
     methods: {

frontend/src/components/WelcomeJumbotron.vue

@@ -30,7 +30,7 @@
     name: 'welcome-jumbotron',
     data () {
       return {
-        gradient: 'to bottom, #1A237E, #97A1DD'
+        gradient: 'to bottom, #1A237E, #5753DD'
       }
     }
   }

frontend/src/pages/Login.vue

@@ -2,7 +2,8 @@
   <v-container fill-height>
     <v-layout align-center justify-center>
       <v-flex text-xs-center xs8 sm6 md4 lg2>
-        <img src="../assets/brand.png"/>
+        <img v-if="production" :src="productionBrandUrl"/>
+        <img v-else src="../assets/brand.png"/>
         <h3 class="pt-3">Log in</h3>
         <v-alert
           outline
@@ -52,7 +53,13 @@
       ...mapState({
         msg: state => state.authentication.message,
         userRole: state => state.authentication.userRole
-      })
+      }),
+      production () {
+        return process.env.NODE_ENV === 'production'
+      },
+      productionBrandUrl () {
+        return `https://${window.location.host}/static/img/brand.png`
+      }
     },
     methods: {
       ...mapActions([