Issue 8 vuetify colour theme config (#20)

* added colour theme using hexcode values from figma

* added fifth colour variable from updated figma

* added description of colourTheme

* implemented Prettier changes

* clarified names of the colours

* changed the name of pink

* changed name of colour grey

client/src/main.ts

@@ -15,11 +15,25 @@ import router from './router'
 
 const app = createApp(App)
 
+// Object to store colour theme hexcodes
+const colourTheme = {
+  colors: {
+    primaryBlue: '#193855',
+    primaryPink: '#D12974',
+    lightBlue: '#3FBEE0',
+    creamWhite: '#E9DAC4',
+    primaryGrey: '#4F4F4F',
+  },
+}
+
 const vuetify = createVuetify({
   components,
   directives,
   theme: {
-    defaultTheme: 'light',
+    defaultTheme: 'colourTheme',
+    themes: {
+      colourTheme,
+    },
   },
 })