Works well with incognito browser!

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, clean: null },
       plugins: {},
       config: {
         general: null, themes: null,
@@ -74,6 +74,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.clean = yo`<input onchange=${onswitch2cleanTheme} class="${css.col1}" name="theme" id="themeClean" type="radio">`
     self._view.theme[self.data.currentTheme].setAttribute('checked', 'checked')
 
     self._view.config.general = yo`
@@ -120,6 +121,10 @@ module.exports = class SettingsTab {
           ${self._view.theme.dark}
           <label for="themeDark">Dark Theme</label>
         </div>
+        <div class="${css.crow}">
+          ${self._view.theme.clean}
+          <label for="themeClean">Clean Theme</label>
+        </div>
       </div>`
     self._view.config.plugins = yo`<div></div>`
     self._view.config.plugin = yo`
@@ -203,6 +208,10 @@ module.exports = class SettingsTab {
       styleGuide.switchTheme('light')
       window.location.reload()
     }
+    function onswitch2cleanTheme (event) {
+      styleGuide.switchTheme('clean')
+      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/styleGuideDavid.js → src/app/ui/styles-guide/styleGuideClean.js

 // var csjs = require('csjs-inject')
 
-module.exports = styleGuideDavid
+module.exports = styleGuideClean
 
-function styleGuideDavid () {
+function styleGuideClean () {
   /* --------------------------------------------------------------------------
 
                               CSS PROPERTIES

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

 var styleGuideLight = require('./style-guide')
 var styleGuideDark = require('./styleGuideDark')
+var styleGuideClean = require('./styleGuideClean')
 var Storage = require('remix-lib').Storage
 module.exports = {
 
@@ -8,6 +9,8 @@ module.exports = {
     if (themeStorage.exists('theme')) {
       if (themeStorage.get('theme') === 'dark') {
         return styleGuideDark()
+      } else if (themeStorage.get('theme') === 'clean') {
+        return styleGuideClean()
       } else {
         return styleGuideLight()
       }
@@ -23,6 +26,8 @@ module.exports = {
       return styleGuideDark()
     } else if (theme === 'light') {
       return styleGuideLight()
+    } else if (theme === 'clean') {
+      return styleGuideClean()
     } else {
       return styleGuideLight()
     }