From e2c0ee66e4f2e2258ac6558ad0f9b6cd9c953390 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sun, 22 Mar 2020 10:39:12 +0900
Subject: Resolve #6170

---
 src/client/init.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'src/client/init.ts')

diff --git a/src/client/init.ts b/src/client/init.ts
index 29eabfee4e..f1790ac4d9 100644
--- a/src/client/init.ts
+++ b/src/client/init.ts
@@ -18,7 +18,7 @@ import PostFormDialog from './components/post-form-dialog.vue';
 import Dialog from './components/dialog.vue';
 import Menu from './components/menu.vue';
 import { router } from './router';
-import { applyTheme, lightTheme } from './theme';
+import { applyTheme, lightTheme, builtinThemes } from './theme';
 
 Vue.use(Vuex);
 Vue.use(VueHotkey);
@@ -163,6 +163,12 @@ os.init(async () => {
 				isMobile: isMobile
 			};
 		},
+		watch: {
+			'$store.state.device.darkMode'() {
+				const themes = builtinThemes.concat(this.$store.state.device.themes);
+				applyTheme(themes.find(x => x.id === (this.$store.state.device.darkMode ? this.$store.state.device.darkTheme : this.$store.state.device.lightTheme)));
+			}
+		},
 		methods: {
 			api: os.api,
 			signout: os.signout,
-- 
cgit v1.2.3-freya