From cb5c0ac2f587ffa895c1e4180cae6f66a6e4ab4c Mon Sep 17 00:00:00 2001 From: syuilo Date: Thu, 24 May 2018 06:08:23 +0900 Subject: [PATCH] Fix bug --- .../app/desktop/views/pages/messaging-room.vue | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/src/client/app/desktop/views/pages/messaging-room.vue b/src/client/app/desktop/views/pages/messaging-room.vue index 1cc8d8a778..47d4963e2b 100644 --- a/src/client/app/desktop/views/pages/messaging-room.vue +++ b/src/client/app/desktop/views/pages/messaging-room.vue @@ -21,10 +21,20 @@ export default Vue.extend({ $route: 'fetch' }, created() { + const applyBg = v => + document.documentElement.style.setProperty('background', v ? '#191b22' : '#fff', 'important'); + + applyBg(this.$store.state.device.darkmode); + + this.unwatchDarkmode = this.$store.watch(s => { + return s.device.darkmode; + }, applyBg); + this.fetch(); }, - mounted() { - document.documentElement.style.background = '#fff'; + beforeDestroy() { + document.documentElement.style.removeProperty('background'); + this.unwatchDarkmode(); }, methods: { fetch() { @@ -50,6 +60,5 @@ export default Vue.extend({ flex 1 flex-direction column min-height 100% - background #fff