fix preset

.eslintrc.js

@@ -21,6 +21,7 @@ module.exports = {
     'generator-star-spacing': 0,
     // allow debugger during development
     'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
-    'vue/require-prop-types': 0
+    'vue/require-prop-types': 0,
+    'vue/no-unused-vars': 0
   }
 }

src/components/settings_modal/tabs/theme_tab/theme_tab.js

@@ -746,6 +746,9 @@ export default {
     },
     selected () {
       this.dismissWarning()
+      if (Object.prototype.toString.call(this.selected) === '[object String]') {
+        this.selected = JSON.parse(this.selected)
+      }
       if (this.selectedVersion === 1) {
         if (!this.keepRoundness) {
           this.clearRoundness()

src/components/settings_modal/tabs/theme_tab/theme_tab.vue

@@ -63,7 +63,7 @@
                 <option
                   v-for="style in availableStyles"
                   :key="style.name"
-                  :value="style"
+                  :value="JSON.stringify(style)"
                   :style="{
                     backgroundColor: style[1] || (style.theme || style.source).colors.bg,
                     color: style[3] || (style.theme || style.source).colors.text