move back styleguide to remix-ide

src/app/tabs/styles/analysis-tab-styles.js

@@ -1,8 +1,6 @@
-var remixLib = require('remix-lib')
-
 // -------------- styling ----------------------
 var csjs = require('csjs-inject')
-var styleGuide = remixLib.ui.themeChooser
+var styleGuide = require('../../ui/styles-guide/theme-chooser')
 var styles = styleGuide.chooser()
 
 var css = csjs`

src/app/tabs/styles/compile-tab-styles.js

@@ -1,6 +1,5 @@
 var csjs = require('csjs-inject')
-var remixLib = require('remix-lib')
+var styleGuide = require('../../ui/styles-guide/theme-chooser')
-var styleGuide = remixLib.ui.themeChooser
 var styles = styleGuide.chooser()
 
 var css = csjs`

src/app/tabs/styles/debugger-tab-styles.js

@@ -1,5 +1,5 @@
 var csjs = require('csjs-inject')
-var styleGuide = require('remix-lib').ui.themeChooser
+var styleGuide = require('../../ui/styles-guide/theme-chooser')
 var styles = styleGuide.chooser()
 
 var css = csjs`

src/app/tabs/styles/run-tab-styles.js

@@ -1,5 +1,5 @@
 var csjs = require('csjs-inject')
-var styleGuide = require('remix-lib').ui.themeChooser
+var styleGuide = require('../../ui/styles-guide/theme-chooser')
 var styles = styleGuide.chooser()
 
 var css = csjs`

src/app/tabs/styles/settings-tab-styles.js

@@ -1,6 +1,5 @@
 var csjs = require('csjs-inject')
-var remixLib = require('remix-lib')
+var styleGuide = require('../../ui/styles-guide/theme-chooser')
-var styleGuide = remixLib.ui.themeChooser
 var styles = styleGuide.chooser()
 
 var css = csjs`

src/app/tabs/styles/support-tab-styles.js

@@ -1,5 +1,5 @@
 var csjs = require('csjs-inject')
-var styleGuide = require('remix-lib').ui.themeChooser
+var styleGuide = require('../../ui/styles-guide/theme-chooser')
 var styles = styleGuide.chooser()
 
 var css = csjs`

src/app/tabs/styles/tabbed-menu-styles.js

@@ -1,5 +1,5 @@
 var csjs = require('csjs-inject')
-var styleGuide = require('remix-lib').ui.themeChooser
+var styleGuide = require('../../ui/styles-guide/theme-chooser')
 var styles = styleGuide.chooser()
 
 var css = csjs`

src/app/ui/contextMenu.js

@@ -1,7 +1,7 @@
 var yo = require('yo-yo')
 // -------------- copyToClipboard ----------------------
 var csjs = require('csjs-inject')
-var styleGuide = require('remix-lib').ui.themeChooser
+var styleGuide = require('./styles-guide/theme-chooser')
 var styles = styleGuide.chooser()
 
 var css = csjs`

src/app/ui/copy-to-clipboard.js

@@ -4,7 +4,7 @@ const copy = require('clipboard-copy')
 var addTooltip = require('./tooltip')
 // -------------- styling ----------------------
 var csjs = require('csjs-inject')
-var styleGuide = require('remix-lib').ui.themeChooser
+var styleGuide = require('./styles-guide/theme-chooser')
 var styles = styleGuide.chooser()
 
 var css = csjs`

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

@@ -0,0 +1,31 @@
+// var remixLib = require('remix-lib')
+var styleGuideLight = require('./style-guide')
+var styleGuideDark = require('./styleGuideDark')
+var Storage = require('remix-lib').Storage
+module.exports = {
+
+  chooser: function () {
+    var themeStorage = new Storage('style:')
+    if (themeStorage.exists('theme')) {
+      if (themeStorage.get('theme') === 'dark') {
+        return styleGuideDark()
+      } else {
+        return styleGuideLight()
+      }
+    } else {
+      return styleGuideLight()
+    }
+  },
+
+  switchTheme: function (theme) {
+    var themeStorage = new Storage('style:')
+    themeStorage.set('theme', theme)
+    if (theme === 'dark') {
+      return styleGuideDark()
+    } else if (theme === 'light') {
+      return styleGuideLight()
+    } else {
+      return styleGuideLight()
+    }
+  }
+}

src/app/ui/styles/dropdown-styles.js

@@ -1,6 +1,5 @@
 var csjs = require('csjs-inject')
-var remixLib = require('remix-lib')
+var styleGuide = require('../styles-guide/theme-chooser')
-var styleGuide = remixLib.ui.themeChooser
 var styles = styleGuide.chooser()
 
 var css = csjs`

src/app/ui/styles/modaldialog-styles.js

@@ -1,5 +1,5 @@
 var csjs = require('csjs-inject')
-var styleGuide = require('remix-lib').ui.themeChooser
+var styleGuide = require('../styles-guide/theme-chooser')
 var styles = styleGuide.chooser()
 
 var css = csjs`

src/app/ui/styles/renderer-styles.js

@@ -1,6 +1,6 @@
 var yo = require('yo-yo')
 
-var styleGuide = require('remix-lib').ui.themeChooser
+var styleGuide = require('../styles-guide/theme-chooser')
 var styles = styleGuide.chooser()
 
 var css = yo`<style>

src/app/ui/styles/tooltip-styles.js

@@ -1,5 +1,5 @@
 var csjs = require('csjs-inject')
-var styleGuide = require('remix-lib').ui.themeChooser
+var styleGuide = require('../styles-guide/theme-chooser')
 var styles = styleGuide.chooser()
 
 var css = csjs`