From 8f0e6b50454a3b8e776640a895519cdc57872a92 Mon Sep 17 00:00:00 2001
From: dave <starpumadev@gmail.com>
Date: Fri, 15 Feb 2019 07:20:52 -0500
Subject: [PATCH] #361 - fix theme preview background

---
 src/App.js  | 6 +++++-
 src/App.vue | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/App.js b/src/App.js
index 311bf484b4..214e0f481b 100644
--- a/src/App.js
+++ b/src/App.js
@@ -68,10 +68,14 @@ export default {
     logo () { return this.$store.state.instance.logo },
     bgStyle () {
       return {
-        '--body-background-image': `url(${this.background})`,
         'background-image': `url(${this.background})`
       }
     },
+    bgAppStyle () {
+      return {
+        '--body-background-image': `url(${this.background})`
+      }
+    },
     sitename () { return this.$store.state.instance.name },
     chat () { return this.$store.state.chat.channel.state === 'joined' },
     suggestionsEnabled () { return this.$store.state.instance.suggestionsEnabled },
diff --git a/src/App.vue b/src/App.vue
index fa5736e5b1..acbbeb7570 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="app">
+  <div id="app" v-bind:style="bgAppStyle">
     <div class="app-bg-wrapper" v-bind:style="bgStyle"></div>
     <nav class='nav-bar container' @click="scrollToTop()" id="nav">
       <div class='logo' :style='logoBgStyle'>