From 102cb54714398f9d8f865976a39ce866cdedb612 Mon Sep 17 00:00:00 2001
From: Vishal Yadav <yadav.40@iitj.ac.in>
Date: Sat, 6 Mar 2021 23:50:42 +0530
Subject: [PATCH] Add Dark Theme and Toggle button

---
 src/components/common/headers/Header.vue | 5 +++++
 src/plugins/vuetify.js                   | 9 +++++++++
 2 files changed, 14 insertions(+)

diff --git a/src/components/common/headers/Header.vue b/src/components/common/headers/Header.vue
index 85587bf3..7f3954d6 100644
--- a/src/components/common/headers/Header.vue
+++ b/src/components/common/headers/Header.vue
@@ -25,6 +25,11 @@
         v-icon(:left="$vuetify.breakpoint.mdAndUp") mdi-clipboard-account
         span(v-if="$vuetify.breakpoint.mdAndUp") People
     v-spacer
+    v-toolbar-items
+      v-btn
+        v-icon(:left="$vuetify.breakpoint.mdAndUp" v-if="$vuetify.theme.dark") mdi-moon-waxing-crescent
+        v-icon(:left="$vuetify.breakpoint.mdAndUp" v-else) mdi-brightness-7
+        v-switch(v-model="$vuetify.theme.dark" class="mt-5")
 </template>
 
 <script>
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 87d29fee..a9d395d4 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -23,6 +23,15 @@ export default new Vuetify({
         info: "#2196F3",
         success: "#4CAF50",
         warning: "#FFC107"
+      },
+      dark: {
+        primary: "#404040",
+        secondary: "#424242",
+        accent: "#82B1FF",
+        error: "#CF6679",
+        info: "#2196F3",
+        success: "#4CAF50",
+        warning: "#FFC107"
       }
     }
   }