save current state

src/app/tabs/settings-tab.js

@@ -26,7 +26,7 @@ module.exports = class SettingsTab {
       el: null,
       optionVM: null, personal: null, warnPersonalMode: null, generateContractMetadata: null,
       pluginInput: null, versionSelector: null, version: null,
-      theme: { dark: null, light: null },
+      theme: { dark: null, light: null, david: null },
       plugins: {},
       config: {
         general: null, themes: null,
@@ -66,6 +66,7 @@ module.exports = class SettingsTab {
 
     self._view.theme.light = yo`<input onchange=${onswitch2lightTheme} class="${css.col1}" name="theme" id="themeLight" type="radio">`
     self._view.theme.dark = yo`<input onchange=${onswitch2darkTheme} class="${css.col1}" name="theme" id="themeDark" type="radio">`
+    self._view.theme.david = yo`<input onchange=${onswitch2davidTheme} class="${css.col1}" name="theme" id="themeDavid" type="radio">`
     self._view.theme[self.data.currentTheme].setAttribute('checked', 'checked')
 
     self._view.config.general = yo`
@@ -112,6 +113,10 @@ module.exports = class SettingsTab {
           ${self._view.theme.dark}
           <label for="themeDark">Dark Theme</label>
         </div>
+        <div class="${css.crow}">
+          ${self._view.theme.david}
+          <label for="themeDavid">David Theme</label>
+        </div>
       </div>`
     self._view.config.plugins = yo`<div></div>`
     self._view.config.plugin = yo`
@@ -195,6 +200,10 @@ module.exports = class SettingsTab {
       styleGuide.switchTheme('light')
       window.location.reload()
     }
+    function onswitch2davidTheme (event) {
+      styleGuide.switchTheme('david')
+      window.location.reload()
+    }
     function onchangePersonal (event) {
       self._deps.config.set('settings/personal-mode', !self._deps.config.get('settings/personal-mode'))
     }

src/app/ui/styles-guide/theme-chooser.js

@@ -1,6 +1,8 @@
 var styleGuideLight = require('./style-guide')
 var styleGuideDark = require('./styleGuideDark')
+var styleGuideDavid = require('./styleGuideDavid')
 var Storage = require('remix-lib').Storage
+
 module.exports = {
 
   chooser: function () {
@@ -8,6 +10,8 @@ module.exports = {
     if (themeStorage.exists('theme')) {
       if (themeStorage.get('theme') === 'dark') {
         return styleGuideDark()
+      } else if (themeStorage.get('theme') === 'david') {
+        return styleGuideDavid()
       } else {
         return styleGuideLight()
       }
@@ -23,6 +27,8 @@ module.exports = {
       return styleGuideDark()
     } else if (theme === 'light') {
       return styleGuideLight()
+    } else if (theme === 'david') {
+      return styleGuideDavid()
     } else {
       return styleGuideLight()
     }