2 files changed, 12 insertions, 2 deletions

diff --git a/src/components/DynamicTheme.vue b/src/components/DynamicTheme.vue
index cf9963b..2ccb47b 100644
--- a/src/components/DynamicTheme.vue
+++ b/src/components/DynamicTheme.vue
@@ -25,7 +25,13 @@ export default {
     getVars: function (theme) {
       let vars = [];
       for (const themeVars in theme) {
-        vars.push(`--${themeVars}: ${theme[themeVars]}`);
+        let value = `${theme[themeVars]}`;
+        if (!value) {
+          value = "inital";
+        } else if (themeVars == "background-image") {
+          value = `url(${theme[themeVars]})`;
+        }
+        vars.push(`--${themeVars}: ${value}`);
       }
       return vars.join(";");
     },
diff --git a/src/components/Message.vue b/src/components/Message.vue
index 2c3df40..d007d3e 100644
--- a/src/components/Message.vue
+++ b/src/components/Message.vue
@@ -3,7 +3,11 @@
     <div v-if="message.title" class="message-header">
       <p>{{ message.title }}</p>
     </div>
-    <div v-if="message.content" class="message-body" v-html="message.content"></div>
+    <div
+      v-if="message.content"
+      class="message-body"
+      v-html="message.content"
+    ></div>
   </article>
 </template>