1 files changed, 21 insertions, 0 deletions
diff --git a/javascript/app/controllers/application.js b/javascript/app/controllers/application.js
new file mode 100644
index 0000000..2936011
--- /dev/null
+++ b/javascript/app/controllers/application.js
@@ -0,0 +1,21 @@
+import {updateColorThemeCss,themes} from '../utils/color-themes';
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  settings : Ember.inject.service('settings'),
+  themes: Object.values(themes),
+  init() {
+    this._super(...arguments);
+    updateColorThemeCss(this.get('settings').get('colorTheme'));
+  },
+  currentTheme: Ember.computed('settings',function() {
+    return this.get('settings.colorTheme.id');
+  }),
+  actions : {
+    themeChanged (themeId) {
+      const theme = themes[themeId];
+      this.get('settings').set('colorTheme',theme);
+      updateColorThemeCss(theme);
+    }
+  }
+});