diff --git a/src/app/ui/styles-guide/theme-chooser.js b/src/app/ui/styles-guide/theme-chooser.js
deleted file mode 100644
index bcc530a420..0000000000
--- a/src/app/ui/styles-guide/theme-chooser.js
+++ /dev/null
@@ -1,60 +0,0 @@
-var Storage = require('remix-lib').Storage
-var EventEmitter = require('events')
-
-// TODO : Put it somewhere else
-const themes = [
-  {name: 'Cerulean', quality: 'light', url: 'https://bootswatch.com/4/cerulean/bootstrap.min.css'},
-  {name: 'Flatly', quality: 'light', url: 'https://bootswatch.com/4/flatly/bootstrap.min.css'},
-  {name: 'Lumen', quality: 'light', url: 'https://bootswatch.com/4/lumen/bootstrap.min.css'},
-  {name: 'Minty', quality: 'light', url: 'https://bootswatch.com/4/minty/bootstrap.min.css'},
-  {name: 'Pulse', quality: 'light', url: 'https://bootswatch.com/4/pulse/bootstrap.min.css'},
-  {name: 'Sandstone', quality: 'light', url: 'https://bootswatch.com/4/sandstone/bootstrap.min.css'},
-  {name: 'Spacelab', quality: 'light', url: 'https://bootswatch.com/4/spacelab/bootstrap.min.css'},
-  {name: 'Yeti', quality: 'light', url: 'https://bootswatch.com/4/yeti/bootstrap.min.css'},
-  {name: 'Cyborg', quality: 'dark', url: 'https://bootswatch.com/4/cyborg/bootstrap.min.css'},
-  {name: 'Darkly', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/darkly/bootstrap.min.css'},
-  {name: 'Slate', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/slate/bootstrap.min.css'},
-  {name: 'Superhero', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/superhero/bootstrap.min.css'}
-]
-
-const defaultTheme = 'Cerulean'
-
-module.exports = {
-  event: new EventEmitter(),
-  currentTheme: function () {
-    const themeStorage = new Storage('style:')
-    if (themeStorage.exists('theme')) {
-      const currThemeObj = this.isThere(themeStorage.get('theme'))
-      return currThemeObj ? currThemeObj.name : defaultTheme
-    } else {
-      return defaultTheme
-    }
-  },
-  isThere: function (themeName) {
-    // returns an object
-    return themes.find(obj => {
-      return obj.name === themeName
-    })
-  },
-  getThemes: function () {
-    return themes
-  },
-  switchTheme: function (theme) {
-    let themeStorage = new Storage('style:')
-    if (theme) {
-      themeStorage.set('theme', theme)
-    }
-    let theTheme
-    if (theme) {
-      theTheme = theme
-    } else {
-      theTheme = this.currentTheme()
-    }
-    let themeObj = this.isThere(theTheme)
-    if (themeObj) {
-      document.getElementById('theme-link').setAttribute('href', themeObj.url)
-      document.documentElement.style.setProperty('--theme', themeObj.quality)
-      this.event.emit('switchTheme', themeObj.quality)
-    }
-  }
-}