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>

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"
+  }
 });

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:
 <!--