Works well with incognito browser!

pull/1/head
jeremiG 6 years ago committed by yann300
parent 49d4146238
commit a613c829c9
  1. 11
      src/app/tabs/settings-tab.js
  2. 4
      src/app/ui/styles-guide/styleGuideClean.js
  3. 5
      src/app/ui/styles-guide/theme-chooser.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'))
}

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

@ -1,5 +1,6 @@
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()
}

Loading…
Cancel
Save