diff --git a/app/ayanova/src/App.vue b/app/ayanova/src/App.vue
index 75ce3389..a819c572 100644
--- a/app/ayanova/src/App.vue
+++ b/app/ayanova/src/App.vue
@@ -12,7 +12,7 @@
         </v-list-tile>
       </v-list>
     </v-navigation-drawer>
-    <v-toolbar v-if="isAuthenticated" color="indigo" dark fixed app>
+    <v-toolbar v-if="isAuthenticated" color="primary" dark fixed app>
       <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
       <v-toolbar-title style="width: 300px" class="ml-0 pl-3">
         <v-avatar size="32px" tile>
@@ -33,11 +33,11 @@
         </v-layout>
       </v-container>
     </v-content>
-    <v-footer app color="indigo" height="auto">
+    <v-footer app color="primary" dark height="auto">
       <v-layout row wrap="" align-center>
         <v-flex xs12>
-          <div class="white--text ml-3">
-            <a class="white--text" href="https://ayanova.com" target="_blank">AyaNova</a>
+          <div class="ml-3">
+            <a href="https://ayanova.com" target="_blank">AyaNova</a>
             ({{version}}) {{copyright}}
           </div>
         </v-flex>
diff --git a/app/ayanova/src/plugins/vuetify.js b/app/ayanova/src/plugins/vuetify.js
index c9a74a62..ea50ecfb 100644
--- a/app/ayanova/src/plugins/vuetify.js
+++ b/app/ayanova/src/plugins/vuetify.js
@@ -3,5 +3,11 @@ import Vuetify from "vuetify";
 import "vuetify/dist/vuetify.min.css";
 
 Vue.use(Vuetify, {
-  iconfont: "fa"
+  iconfont: "fa",
+  theme: {
+    primary: "#00205B",
+    secondary: "#00843D",
+    accent: "#ffff00",
+    error: "#b71c1c"
+  }
 });
diff --git a/devdocs/specs/core-ui-design.txt b/devdocs/specs/core-ui-design.txt
index ad890ae8..784c1220 100644
--- a/devdocs/specs/core-ui-design.txt
+++ b/devdocs/specs/core-ui-design.txt
@@ -143,6 +143,9 @@ COLOURS
   - https://material.io/design/color/#color-usage-palettes
   - https://www.materialpalette.com/
 
+
+Vuetify themes: https://vuetifyjs.com/en/style/theme
+
 =-=-=-=-=-
 Ref material kept for new icons possibly:
 <!--