From bf18b7c4c762cfd6dcd7a7700ad2059fe4c6c3c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <contact@maciejpedzi.ch>
Date: Fri, 26 May 2023 13:55:42 +0200
Subject: [PATCH] Add GitHub and Discord branding colors

---
 src/plugins/vuetify.ts | 8 ++++++--
 src/views/LogIn.vue    | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/plugins/vuetify.ts b/src/plugins/vuetify.ts
index ae82136..67cc57c 100644
--- a/src/plugins/vuetify.ts
+++ b/src/plugins/vuetify.ts
@@ -18,13 +18,17 @@ export default createVuetify({
       light: {
         colors: {
           primary: '#3f51b5',
-          secondary: '#5cbbf6'
+          secondary: '#5cbbf6',
+          github: '#2b3137',
+          discord: '#5865f2'
         }
       },
       dark: {
         colors: {
           primary: '#1a237e',
-          secondary: '#3949ab'
+          secondary: '#3949ab',
+          github: '#2b3137',
+          discord: '#5865f2'
         }
       }
     }
diff --git a/src/views/LogIn.vue b/src/views/LogIn.vue
index 645dee4..440dbc9 100644
--- a/src/views/LogIn.vue
+++ b/src/views/LogIn.vue
@@ -26,10 +26,14 @@ onMounted(() => {
     <v-container>
       <v-row align="center" justify="center">
         <v-col cols="auto">
-          <v-btn size="large" @click="logIn('github')">GitHub</v-btn>
+          <v-btn color="github" size="large" @click="logIn('github')"
+            >GitHub</v-btn
+          >
         </v-col>
         <v-col cols="auto">
-          <v-btn size="large" @click="logIn('discord')">Discord</v-btn>
+          <v-btn color="discord" size="large" @click="logIn('discord')"
+            >Discord</v-btn
+          >
         </v-col>
       </v-row>
     </v-container>