From 6d6af3d8c0969c59133040d44fb8c0af5d58fe08 Mon Sep 17 00:00:00 2001
From: julian-fairfax <juliannfairfax@protonmail.com>
Date: Sun, 21 Mar 2021 11:17:09 +0100
Subject: [PATCH] Readd light theme

---
 app/client/src/App.vue            | 2 +-
 app/client/src/main.js            | 5 +++++
 app/client/src/views/Settings.vue | 9 +++++++++
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/app/client/src/App.vue b/app/client/src/App.vue
index d350c98..7a88d12 100644
--- a/app/client/src/App.vue
+++ b/app/client/src/App.vue
@@ -149,7 +149,7 @@
       </v-list>
     </v-navigation-drawer>
 
-    <v-app-bar app dense color='#1e1e1e'>
+    <v-app-bar app dense>
 
       <v-btn icon @click='previous'>
         <v-icon>mdi-arrow-left</v-icon>
diff --git a/app/client/src/main.js b/app/client/src/main.js
index 8656d69..fb2d67b 100644
--- a/app/client/src/main.js
+++ b/app/client/src/main.js
@@ -526,6 +526,11 @@ new Vue({
         let res = await this.$axios.get('/settings');
         this.settings = res.data;
         this.$vuetify.theme.themes.dark.primary = this.settings.primaryColor;
+        this.$vuetify.theme.themes.light.primary = this.settings.primaryColor;
+        if (this.settings.lightTheme) {
+            this.$vuetify.theme.dark = false;
+            this.$vuetify.theme.light = true;
+        }
         i18n.locale = this.settings.language;
         this.volume = this.settings.volume;
 
diff --git a/app/client/src/views/Settings.vue b/app/client/src/views/Settings.vue
index fdd1185..03fc423 100644
--- a/app/client/src/views/Settings.vue
+++ b/app/client/src/views/Settings.vue
@@ -153,6 +153,15 @@
                 <v-list-item-title>{{$t("Show autocomplete in search")}}</v-list-item-title>
             </v-list-item-content>
         </v-list-item>
+        <!-- Light theme -->
+        <v-list-item>
+            <v-list-item-action>
+                <v-checkbox class='pl-2' v-model='$root.settings.lightTheme' @change='changeLightTheme'></v-checkbox>
+            </v-list-item-action>
+            <v-list-item-content>
+                <v-list-item-title>{{$t("Light theme")}}</v-list-item-title>
+            </v-list-item-content>
+        </v-list-item>
         <!-- Keep sidebar open -->
         <v-list-item>
             <v-list-item-action>
-- 
2.25.1