From 9bb96aa7180e44d7682a1449443a1c0628ac721b Mon Sep 17 00:00:00 2001
From: yuwengchoong <106221361+yuwengchoong@users.noreply.github.com>
Date: Sat, 30 Nov 2024 15:51:13 +0800
Subject: [PATCH] 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 | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/client/src/main.ts b/client/src/main.ts
index e587587..4a67a91 100644
--- a/client/src/main.ts
+++ b/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,
+    },
   },
 })