rails_qx 0.0.8 → 0.0.9

data/lib/generators/rails_qx/templates/app/assets/javascripts/app/application.rb

@@ -9,9 +9,15 @@ class Application
 
 	def start(root)
 		require_tree '..'
+		DesktopLoader.set_color_palette color_config[:palette]
 		DesktopLoader.set_root root
 		DesktopLoader.set_viewport_class Viewport
 		DesktopLoader.build
 	end
 
+	def color_config
+		ColorsConfig.value
+	end
+
+
 end

data/lib/generators/rails_qx/templates/app/assets/javascripts/configs/colors_config.rb

@@ -0,0 +1,9 @@
+class ColorsConfig
+
+  def self.value
+	  {
+			  palette: :default
+	  }
+  end
+
+end

data/lib/rails_qx/version.rb

@@ -1,3 +1,3 @@
 module RailsQx
-  VERSION = "0.0.8"
+  VERSION = "0.0.9"
 end

data/vendor/assets/javascripts/rails_qx.js

@@ -18121,7 +18121,7 @@ Opal.modules["dynamic_themes/default_theme"] = function(Opal) {
     return (Opal.defs(self, '$theme_colors', function() {
       var self = this;
 
-      return $hash2(["background-pane", "background-splitpane", "button-end", "button-start", "text-label", "window-border", "window-border-caption", "window-caption-active-end", "window-caption-active-start", "window-caption-active-text", "window-caption-inactive-end", "window-caption-inactive-start", "window-statusbar-background"], {"background-pane": "#F4F4F4", "background-splitpane": "#E0ECFF", "button-end": "#215291", "button-start": "#215291", "text-label": "#fff", "window-border": "#00204D", "window-border-caption": "#727272", "window-caption-active-end": "#215291", "window-caption-active-start": "#215291", "window-caption-active-text": "white", "window-caption-inactive-end": "#DBDBDB", "window-caption-inactive-start": "#E0ECFF", "window-statusbar-background": "#EFEFEF"});
+      return $hash2(["background-application", "background-pane", "background-splitpane", "button-end", "button-start", "text-label", "window-border", "window-border-caption", "window-caption-active-end", "window-caption-active-start", "window-caption-active-text", "window-caption-inactive-end", "window-caption-inactive-start", "window-statusbar-background"], {"background-application": "#ffffff", "background-pane": "#F4F4F4", "background-splitpane": "#E0ECFF", "button-end": "#215291", "button-start": "#215291", "text-label": "#fff", "window-border": "#00204D", "window-border-caption": "#727272", "window-caption-active-end": "#215291", "window-caption-active-start": "#215291", "window-caption-active-text": "white", "window-caption-inactive-end": "#DBDBDB", "window-caption-inactive-start": "#E0ECFF", "window-statusbar-background": "#EFEFEF"});
     }), nil) && 'theme_colors';
   })(self, $scope.get('ModernTheme'));
 };
@@ -18130,7 +18130,7 @@ Opal.modules["managers/palettes/palette"] = function(Opal) {
   Opal.dynamic_require_severity = "ignore";
   var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass, $hash2 = Opal.hash2;
 
-  Opal.add_stubs(['$attr_reader', '$initialize_color_map', '$[]=', '$color_map', '$to_sym', '$add_style_colors', '$add_widget_colors', '$[]']);
+  Opal.add_stubs(['$attr_reader', '$add_theme_overrides', '$initialize_color_map', '$[]=', '$color_map', '$to_sym', '$theme_overrides', '$to_s', '$add_style_colors', '$add_widget_colors', '$[]']);
   return (function($base, $super) {
     function $Palette(){};
     var self = $Palette = $klass($base, $super, 'Palette', $Palette);
@@ -18139,6 +18139,8 @@ Opal.modules["managers/palettes/palette"] = function(Opal) {
 
     self.$attr_reader("color_map");
 
+    self.$attr_reader("theme_overrides");
+
     Opal.defs(self, '$name', function() {
       var self = this;
 
@@ -18149,6 +18151,8 @@ Opal.modules["managers/palettes/palette"] = function(Opal) {
       var self = this;
 
       self.color_map = $hash2([], {});
+      self.theme_overrides = $hash2([], {});
+      self.$add_theme_overrides();
       return self.$initialize_color_map();
     };
 
@@ -18158,6 +18162,30 @@ Opal.modules["managers/palettes/palette"] = function(Opal) {
       return self.$color_map()['$[]='](tag.$to_sym(), value);
     };
 
+    def.$add_override = function(tag, value) {
+      var self = this;
+
+      return self.$theme_overrides()['$[]='](tag.$to_s(), value);
+    };
+
+    def.$add_style_colors = function() {
+      var self = this;
+
+      return nil;
+    };
+
+    def.$add_theme_overrides = function() {
+      var self = this;
+
+      return nil;
+    };
+
+    def.$add_widget_colors = function() {
+      var self = this;
+
+      return nil;
+    };
+
     def.$initialize_color_map = function() {
       var self = this;
 
@@ -18177,7 +18205,7 @@ Opal.modules["managers/palettes/default_palette"] = function(Opal) {
   Opal.dynamic_require_severity = "ignore";
   var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass, $hash2 = Opal.hash2;
 
-  Opal.add_stubs(['$require', '$add_color']);
+  Opal.add_stubs(['$require', '$add_color', '$add_override']);
   self.$require("managers/palettes/palette");
   return (function($base, $super) {
     function $DefaultPalette(){};
@@ -18202,21 +18230,27 @@ Opal.modules["managers/palettes/default_palette"] = function(Opal) {
       self.$add_color("split_pane", $hash2(["background_color", "border"], {"background_color": ["#F3F3F3"], "border": ["#AFAFAF"]}));
       self.$add_color("toolbar_separator", $hash2(["border_left_color", "border_right_color"], {"border_left_color": ["#B8B8B8"], "border_right_color": ["#F4F4F4"]}));
       self.$add_color("window_captionbar_active", $hash2(["background_image", "border_color"], {"background_image": ["#AA4F08", "30%", "#913B00", "70%"], "border_color": ["#00204D", "#00204D", "#727272"]}));
-      return self.$add_color("window_pane", $hash2(["background_color", "border_bottom_color", "border_left_color", "border_right_color"], {"background_color": ["#F3F3F3"], "border_bottom_color": ["#00204D"], "border_left_color": ["#00204D"], "border_right_color": ["#00204D"]}));
+      return self.$add_color("window_pane", $hash2(["background_color", "border_bottom_color", "border_left_color", "border_right_color"], {"background_color": ["#FFFFFF"], "border_bottom_color": ["#00204D"], "border_left_color": ["#00204D"], "border_right_color": ["#00204D"]}));
     };
 
-    return (def.$add_widget_colors = function() {
+    def.$add_widget_colors = function() {
       var self = this;
 
-      self.$add_color("desktop_background", "#c5ccd3");
+      self.$add_color("desktop_background", "#FFFFFF");
       self.$add_color("desktop_icon", "#aaa");
       self.$add_color("footer_background", "slategray");
       self.$add_color("footer_text", "#aaa");
       self.$add_color("navbar_background", "slategray");
       self.$add_color("navbar_label", "ivory");
       self.$add_color("navpanel_background", "#8c99a6");
-      return self.$add_color("workspace_background", "#c5ccd3");
-    }, nil) && 'add_widget_colors';
+      return self.$add_color("workspace_background", "#FFFFFF");
+    };
+
+    return (def.$add_theme_overrides = function() {
+      var self = this;
+
+      return self.$add_override("background-application", "white");
+    }, nil) && 'add_theme_overrides';
   })(self, $scope.get('Palette'));
 };
 /* Generated by Opal 0.8.1 */
@@ -18224,7 +18258,7 @@ Opal.modules["managers/palettes/neptune_palette"] = function(Opal) {
   Opal.dynamic_require_severity = "ignore";
   var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass, $hash2 = Opal.hash2;
 
-  Opal.add_stubs(['$require', '$add_color']);
+  Opal.add_stubs(['$require', '$add_color', '$add_override']);
   self.$require("managers/palettes/palette");
   return (function($base, $super) {
     function $NeptunePalette(){};
@@ -18252,7 +18286,7 @@ Opal.modules["managers/palettes/neptune_palette"] = function(Opal) {
       return self.$add_color("window_pane", $hash2(["background_color", "border_bottom_color", "border_left_color", "border_right_color"], {"background_color": ["#F3F3F3"], "border_bottom_color": ["#00204D"], "border_left_color": ["#00204D"], "border_right_color": ["#00204D"]}));
     };
 
-    return (def.$add_widget_colors = function() {
+    def.$add_widget_colors = function() {
       var self = this;
 
       self.$add_color("desktop_background", "#c5ccd3");
@@ -18263,18 +18297,198 @@ Opal.modules["managers/palettes/neptune_palette"] = function(Opal) {
       self.$add_color("navbar_label", "ivory");
       self.$add_color("navpanel_background", "#8c99a6");
       return self.$add_color("workspace_background", "#c5ccd3");
-    }, nil) && 'add_widget_colors';
+    };
+
+    return (def.$add_theme_overrides = function() {
+      var self = this;
+
+      return self.$add_override("background-application", "white");
+    }, nil) && 'add_theme_overrides';
   })(self, $scope.get('Palette'));
 };
 /* Generated by Opal 0.8.1 */
+Opal.modules["managers/theme_manager"] = function(Opal) {
+  Opal.dynamic_require_severity = "ignore";
+  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass, $hash2 = Opal.hash2;
+
+  Opal.add_stubs(['$require', '$include', '$attr_reader', '$get_dynamic_theme_colors', '$instance', '$get_theme_colors', '$get_theme_names', '$set_dynamic_theme', '$set_theme', '$set_theme_color', '$update', '$load_dynamic_themes', '$[]', '$dynamic_themes', '$to_sym', '$nil?', '$colors', '$theme_colors', '$colors_obj', '$each', '$[]=', '$sort', '$new', '$==', '$<<', '$values', '$name', '$Native', '$to_n', '$to_s', '$first', '$last']);
+  self.$require("dynamic_themes/default_theme");
+  self.$require("dynamic_themes/modern_theme");
+  self.$require("singleton");
+  return (function($base, $super) {
+    function $ThemeManager(){};
+    var self = $ThemeManager = $klass($base, $super, 'ThemeManager', $ThemeManager);
+
+    var def = self.$$proto, $scope = self.$$scope, TMP_1;
+
+    self.$include($scope.get('Singleton'));
+
+    self.$attr_reader("colors_obj");
+
+    self.$attr_reader("dynamic_themes");
+
+    self.$attr_reader("theme_colors");
+
+    Opal.defs(self, '$get_dynamic_theme_colors', function(name) {
+      var self = this;
+
+      return self.$instance().$get_dynamic_theme_colors(name);
+    });
+
+    Opal.defs(self, '$get_theme_colors', function() {
+      var self = this;
+
+      return self.$instance().$get_theme_colors();
+    });
+
+    Opal.defs(self, '$get_theme_names', function() {
+      var self = this;
+
+      return self.$instance().$get_theme_names();
+    });
+
+    Opal.defs(self, '$set_dynamic_theme', function(name) {
+      var self = this;
+
+      return self.$instance().$set_dynamic_theme(name);
+    });
+
+    Opal.defs(self, '$set_theme', function(theme_name) {
+      var self = this;
+
+      return self.$instance().$set_theme(theme_name);
+    });
+
+    Opal.defs(self, '$set_theme_color', function(name, value) {
+      var self = this;
+
+      return self.$instance().$set_theme_color(name, value);
+    });
+
+    Opal.defs(self, '$update', function() {
+      var self = this;
+
+      return self.$instance().$update();
+    });
+
+    def.$initialize = TMP_1 = function() {var $zuper = $slice.call(arguments, 0);
+      var self = this, $iter = TMP_1.$$p, $yield = $iter || nil;
+
+      TMP_1.$$p = null;
+      Opal.find_super_dispatcher(self, 'initialize', TMP_1, $iter).apply(self, $zuper);
+      self.colors_obj = nil;
+      self.dynamic_themes = $hash2([], {});
+      self.theme_colors = nil;
+      return self.$load_dynamic_themes();
+    };
+
+    def.$get_dynamic_theme_colors = function(name) {
+      var $a, self = this, dynamic_theme = nil;
+
+      dynamic_theme = self.$dynamic_themes()['$[]'](name.$to_sym());
+      if ((($a = dynamic_theme['$nil?']()) !== nil && (!$a.$$is_boolean || $a == true))) {
+        return nil
+        } else {
+        return dynamic_theme.$colors()
+      };
+    };
+
+    def.$get_theme_colors = function() {
+      var $a, $b, TMP_2, self = this, color_keys = nil;
+
+      if ((($a = self.$theme_colors()['$nil?']()) !== nil && (!$a.$$is_boolean || $a == true))) {
+        } else {
+        return self.$theme_colors()
+      };
+      self.theme_colors = $hash2([], {});
+      self.colors_obj = qx.theme.manager.Meta.getInstance().getTheme().meta.color.colors.__proto__.__proto__;
+      color_keys = Object.keys(self.$colors_obj());
+      ($a = ($b = color_keys.$sort()).$each, $a.$$p = (TMP_2 = function(color_key){var self = TMP_2.$$s || this;
+if (color_key == null) color_key = nil;
+      return self.$theme_colors()['$[]='](color_key, self.$colors_obj()[color_key])}, TMP_2.$$s = self, TMP_2), $a).call($b);
+      return self.$theme_colors();
+    };
+
+    def.$get_theme_names = function() {
+      var $a, $b, TMP_3, self = this, themes = nil, theme_names = nil;
+
+      themes = $scope.get('Hash').$new(qx.Theme.getAll());
+      theme_names = [];
+      ($a = ($b = themes.$values()).$each, $a.$$p = (TMP_3 = function(theme){var self = TMP_3.$$s || this;
+if (theme == null) theme = nil;
+      if (theme['$[]']("type")['$==']("meta")) {
+          return theme_names['$<<'](theme['$[]']("name"))
+          } else {
+          return nil
+        }}, TMP_3.$$s = self, TMP_3), $a).call($b);
+      return theme_names;
+    };
+
+    def.$load_dynamic_themes = function() {
+      var $a, $b, TMP_4, self = this;
+
+      return ($a = ($b = [$scope.get('DefaultTheme'), $scope.get('ModernTheme')]).$each, $a.$$p = (TMP_4 = function(theme){var self = TMP_4.$$s || this;
+if (theme == null) theme = nil;
+      return self.$dynamic_themes()['$[]='](theme.$name(), theme)}, TMP_4.$$s = self, TMP_4), $a).call($b);
+    };
+
+    def.$set_dynamic_theme = function(name) {
+      var $a, $b, TMP_5, self = this, colors = nil;
+
+      colors = self.$get_dynamic_theme_colors(name);
+      if ((($a = colors['$nil?']()) !== nil && (!$a.$$is_boolean || $a == true))) {
+        return "" + (name) + " not found"
+        } else {
+        ($a = ($b = colors).$each, $a.$$p = (TMP_5 = function(name, color){var self = TMP_5.$$s || this;
+if (name == null) name = nil;if (color == null) color = nil;
+        return self.$set_theme_color(name, color)}, TMP_5.$$s = self, TMP_5), $a).call($b);
+        return self.$update();
+      };
+    };
+
+    def.$set_theme = function(theme_name) {
+      var $a, self = this, theme = nil;
+
+      theme = self.$Native(qx.Theme.getByName(theme_name));
+      if ((($a = theme['$nil?']()) !== nil && (!$a.$$is_boolean || $a == true))) {
+        return nil
+        } else {
+        return qx.theme.manager.Meta.getInstance().setTheme(theme.$to_n());
+      };
+    };
+
+    def.$set_theme_color = function(name, value) {
+      var $a, self = this;
+
+      if ((($a = self.$theme_colors()['$nil?']()) !== nil && (!$a.$$is_boolean || $a == true))) {
+        self.$get_theme_colors()};
+      self.$theme_colors()['$[]='](name.$to_s(), value.$to_s());
+      self.$colors_obj()[name.$to_s()] = value.$to_s();
+      return value;
+    };
+
+    return (def.$update = function() {
+      var self = this, theme_names = nil, current = nil, alternate = nil;
+
+      theme_names = self.$get_theme_names();
+      current = theme_names.$first();
+      alternate = theme_names.$last();
+      self.$set_theme(alternate);
+      self.$set_theme(current);
+      return "update complete";
+    }, nil) && 'update';
+  })(self, null);
+};
+/* Generated by Opal 0.8.1 */
 Opal.modules["managers/color_manager"] = function(Opal) {
   Opal.dynamic_require_severity = "ignore";
   var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass, $hash2 = Opal.hash2;
 
-  Opal.add_stubs(['$require', '$include', '$attr_reader', '$resolve_color', '$instance', '$set_color_palette', '$load_palettes', '$each', '$[]=', '$palettes', '$name', '$new', '$current_palette', '$[]', '$to_sym']);
+  Opal.add_stubs(['$require', '$include', '$attr_reader', '$resolve_color', '$instance', '$set_color_palette', '$load_palettes', '$empty?', '$theme_overrides', '$current_palette', '$each', '$set_theme_color', '$update', '$[]=', '$palettes', '$name', '$new', '$[]', '$to_sym', '$apply_theme_overrides']);
   self.$require("singleton");
   self.$require("managers/palettes/default_palette");
   self.$require("managers/palettes/neptune_palette");
+  self.$require("managers/theme_manager");
   return (function($base, $super) {
     function $ColorManager(){};
     var self = $ColorManager = $klass($base, $super, 'ColorManager', $ColorManager);
@@ -18306,12 +18520,25 @@ Opal.modules["managers/color_manager"] = function(Opal) {
       return self.$load_palettes();
     };
 
-    def.$load_palettes = function() {
+    def.$apply_theme_overrides = function() {
       var $a, $b, TMP_1, self = this;
 
-      return ($a = ($b = [$scope.get('DefaultPalette'), $scope.get('NeptunePalette')]).$each, $a.$$p = (TMP_1 = function(palette_class){var self = TMP_1.$$s || this;
+      if ((($a = self.$current_palette().$theme_overrides()['$empty?']()) !== nil && (!$a.$$is_boolean || $a == true))) {
+        return nil
+        } else {
+        ($a = ($b = self.$current_palette().$theme_overrides()).$each, $a.$$p = (TMP_1 = function(k, v){var self = TMP_1.$$s || this;
+if (k == null) k = nil;if (v == null) v = nil;
+        return $scope.get('ThemeManager').$set_theme_color(k, v)}, TMP_1.$$s = self, TMP_1), $a).call($b);
+        return $scope.get('ThemeManager').$update();
+      };
+    };
+
+    def.$load_palettes = function() {
+      var $a, $b, TMP_2, self = this;
+
+      return ($a = ($b = [$scope.get('DefaultPalette'), $scope.get('NeptunePalette')]).$each, $a.$$p = (TMP_2 = function(palette_class){var self = TMP_2.$$s || this;
 if (palette_class == null) palette_class = nil;
-      return self.$palettes()['$[]='](palette_class.$name(), palette_class.$new())}, TMP_1.$$s = self, TMP_1), $a).call($b);
+      return self.$palettes()['$[]='](palette_class.$name(), palette_class.$new())}, TMP_2.$$s = self, TMP_2), $a).call($b);
     };
 
     def.$resolve_color = function(tag) {
@@ -18323,7 +18550,8 @@ if (palette_class == null) palette_class = nil;
     return (def.$set_color_palette = function(name) {
       var self = this;
 
-      return self.current_palette = self.$palettes()['$[]'](name.$to_sym());
+      self.current_palette = self.$palettes()['$[]'](name.$to_sym());
+      return self.$apply_theme_overrides();
     }, nil) && 'set_color_palette';
   })(self, null);
 };
@@ -19266,7 +19494,7 @@ Opal.modules["loaders/desktop_loader"] = function(Opal) {
   Opal.dynamic_require_severity = "ignore";
   var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass, $hash2 = Opal.hash2;
 
-  Opal.add_stubs(['$require', '$include', '$attr_reader', '$build', '$instance', '$set_color_palette', '$set_model_configs', '$set_panel_configs', '$set_root', '$set_stylesheet_configs', '$set_template_configs', '$set_viewport_class', '$build_css', '$build_managers', '$build_stylesheets', '$build_viewport', '$apply_rules', '$build_models', '$build_templates', '$build_panels', '$[]', '$nil?', '$add_model', '$each', '$build_model_from_config', '$model_configs', '$add_panel', '$build_panel_from_config', '$panel_configs', '$add_rule', '$build_stylesheet_from_config', '$stylesheet_configs', '$add_template', '$build_template_from_config', '$template_configs', '$viewport_class', '$add', '$root', '$widget', '$Native']);
+  Opal.add_stubs(['$require', '$include', '$attr_reader', '$build', '$instance', '$set_color_palette', '$set_model_configs', '$set_panel_configs', '$set_root', '$set_stylesheet_configs', '$set_template_configs', '$set_theme', '$set_viewport_class', '$build_css', '$build_managers', '$build_stylesheets', '$build_viewport', '$apply_rules', '$build_models', '$build_templates', '$build_panels', '$[]', '$nil?', '$add_model', '$each', '$build_model_from_config', '$model_configs', '$add_panel', '$build_panel_from_config', '$panel_configs', '$add_rule', '$build_stylesheet_from_config', '$stylesheet_configs', '$add_template', '$build_template_from_config', '$template_configs', '$viewport_class', '$add', '$root', '$widget', '$Native', '$set_dynamic_theme', '$update']);
   self.$require("native");
   self.$require("singleton");
   self.$require("managers/color_manager");
@@ -19274,6 +19502,7 @@ Opal.modules["loaders/desktop_loader"] = function(Opal) {
   self.$require("managers/html_manager");
   self.$require("managers/model_manager");
   self.$require("managers/template_manager");
+  self.$require("managers/theme_manager");
   self.$require("qx/ui/style_sheet");
   return (function($base, $super) {
     function $DesktopLoader(){};
@@ -19337,6 +19566,12 @@ Opal.modules["loaders/desktop_loader"] = function(Opal) {
       return self.$instance().$set_template_configs(cfgs);
     });
 
+    Opal.defs(self, '$set_theme', function(theme_name) {
+      var self = this;
+
+      return self.$instance().$set_theme(theme_name);
+    });
+
     Opal.defs(self, '$set_viewport_class', function(cls) {
       var self = this;
 
@@ -19348,6 +19583,7 @@ Opal.modules["loaders/desktop_loader"] = function(Opal) {
 
       TMP_1.$$p = null;
       Opal.find_super_dispatcher(self, 'initialize', TMP_1, $iter).apply(self, $zuper);
+      self.$set_theme("default");
       self.$set_color_palette("default");
       self.$set_model_configs([]);
       self.$set_panel_configs([]);
@@ -19503,6 +19739,13 @@ if (cfg == null) cfg = nil;
       return self.template_configs = cfgs;
     };
 
+    def.$set_theme = function(theme_name) {
+      var self = this;
+
+      $scope.get('ThemeManager').$set_dynamic_theme(theme_name);
+      return $scope.get('ThemeManager').$update();
+    };
+
     return (def.$set_viewport_class = function(cls) {
       var self = this;
 
@@ -19549,179 +19792,6 @@ Opal.modules["managers/rules/css_toolbar_separator"] = function(Opal) {
   })(self, $scope.get('CssRule'));
 };
 /* Generated by Opal 0.8.1 */
-Opal.modules["managers/theme_manager"] = function(Opal) {
-  Opal.dynamic_require_severity = "ignore";
-  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass, $hash2 = Opal.hash2;
-
-  Opal.add_stubs(['$require', '$include', '$attr_reader', '$get_dynamic_theme_colors', '$instance', '$get_theme_colors', '$get_theme_names', '$set_dynamic_theme', '$set_theme', '$set_theme_color', '$update', '$load_dynamic_themes', '$[]', '$dynamic_themes', '$to_sym', '$nil?', '$colors', '$theme_colors', '$colors_obj', '$each', '$[]=', '$sort', '$new', '$==', '$<<', '$values', '$name', '$Native', '$to_n', '$to_s', '$first', '$last']);
-  self.$require("dynamic_themes/default_theme");
-  self.$require("dynamic_themes/modern_theme");
-  self.$require("singleton");
-  return (function($base, $super) {
-    function $ThemeManager(){};
-    var self = $ThemeManager = $klass($base, $super, 'ThemeManager', $ThemeManager);
-
-    var def = self.$$proto, $scope = self.$$scope, TMP_1;
-
-    self.$include($scope.get('Singleton'));
-
-    self.$attr_reader("colors_obj");
-
-    self.$attr_reader("dynamic_themes");
-
-    self.$attr_reader("theme_colors");
-
-    Opal.defs(self, '$get_dynamic_theme_colors', function(name) {
-      var self = this;
-
-      return self.$instance().$get_dynamic_theme_colors(name);
-    });
-
-    Opal.defs(self, '$get_theme_colors', function() {
-      var self = this;
-
-      return self.$instance().$get_theme_colors();
-    });
-
-    Opal.defs(self, '$get_theme_names', function() {
-      var self = this;
-
-      return self.$instance().$get_theme_names();
-    });
-
-    Opal.defs(self, '$set_dynamic_theme', function(name) {
-      var self = this;
-
-      return self.$instance().$set_dynamic_theme(name);
-    });
-
-    Opal.defs(self, '$set_theme', function(theme_name) {
-      var self = this;
-
-      return self.$instance().$set_theme(theme_name);
-    });
-
-    Opal.defs(self, '$set_theme_color', function(name, value) {
-      var self = this;
-
-      return self.$instance().$set_theme_color(name, value);
-    });
-
-    Opal.defs(self, '$update', function() {
-      var self = this;
-
-      return self.$instance().$update();
-    });
-
-    def.$initialize = TMP_1 = function() {var $zuper = $slice.call(arguments, 0);
-      var self = this, $iter = TMP_1.$$p, $yield = $iter || nil;
-
-      TMP_1.$$p = null;
-      Opal.find_super_dispatcher(self, 'initialize', TMP_1, $iter).apply(self, $zuper);
-      self.colors_obj = nil;
-      self.dynamic_themes = $hash2([], {});
-      self.theme_colors = nil;
-      return self.$load_dynamic_themes();
-    };
-
-    def.$get_dynamic_theme_colors = function(name) {
-      var $a, self = this, dynamic_theme = nil;
-
-      dynamic_theme = self.$dynamic_themes()['$[]'](name.$to_sym());
-      if ((($a = dynamic_theme['$nil?']()) !== nil && (!$a.$$is_boolean || $a == true))) {
-        return nil
-        } else {
-        return dynamic_theme.$colors()
-      };
-    };
-
-    def.$get_theme_colors = function() {
-      var $a, $b, TMP_2, self = this, color_keys = nil;
-
-      if ((($a = self.$theme_colors()['$nil?']()) !== nil && (!$a.$$is_boolean || $a == true))) {
-        } else {
-        return self.$theme_colors()
-      };
-      self.theme_colors = $hash2([], {});
-      self.colors_obj = qx.theme.manager.Meta.getInstance().getTheme().meta.color.colors.__proto__.__proto__;
-      color_keys = Object.keys(self.$colors_obj());
-      ($a = ($b = color_keys.$sort()).$each, $a.$$p = (TMP_2 = function(color_key){var self = TMP_2.$$s || this;
-if (color_key == null) color_key = nil;
-      return self.$theme_colors()['$[]='](color_key, self.$colors_obj()[color_key])}, TMP_2.$$s = self, TMP_2), $a).call($b);
-      return self.$theme_colors();
-    };
-
-    def.$get_theme_names = function() {
-      var $a, $b, TMP_3, self = this, themes = nil, theme_names = nil;
-
-      themes = $scope.get('Hash').$new(qx.Theme.getAll());
-      theme_names = [];
-      ($a = ($b = themes.$values()).$each, $a.$$p = (TMP_3 = function(theme){var self = TMP_3.$$s || this;
-if (theme == null) theme = nil;
-      if (theme['$[]']("type")['$==']("meta")) {
-          return theme_names['$<<'](theme['$[]']("name"))
-          } else {
-          return nil
-        }}, TMP_3.$$s = self, TMP_3), $a).call($b);
-      return theme_names;
-    };
-
-    def.$load_dynamic_themes = function() {
-      var $a, $b, TMP_4, self = this;
-
-      return ($a = ($b = [$scope.get('DefaultTheme'), $scope.get('ModernTheme')]).$each, $a.$$p = (TMP_4 = function(theme){var self = TMP_4.$$s || this;
-if (theme == null) theme = nil;
-      return self.$dynamic_themes()['$[]='](theme.$name(), theme)}, TMP_4.$$s = self, TMP_4), $a).call($b);
-    };
-
-    def.$set_dynamic_theme = function(name) {
-      var $a, $b, TMP_5, self = this, colors = nil;
-
-      colors = self.$get_dynamic_theme_colors(name);
-      if ((($a = colors['$nil?']()) !== nil && (!$a.$$is_boolean || $a == true))) {
-        return "" + (name) + " not found"
-        } else {
-        ($a = ($b = colors).$each, $a.$$p = (TMP_5 = function(name, color){var self = TMP_5.$$s || this;
-if (name == null) name = nil;if (color == null) color = nil;
-        return self.$set_theme_color(name, color)}, TMP_5.$$s = self, TMP_5), $a).call($b);
-        return self.$update();
-      };
-    };
-
-    def.$set_theme = function(theme_name) {
-      var $a, self = this, theme = nil;
-
-      theme = self.$Native(qx.Theme.getByName(theme_name));
-      if ((($a = theme['$nil?']()) !== nil && (!$a.$$is_boolean || $a == true))) {
-        return nil
-        } else {
-        return qx.theme.manager.Meta.getInstance().setTheme(theme.$to_n());
-      };
-    };
-
-    def.$set_theme_color = function(name, value) {
-      var $a, self = this;
-
-      if ((($a = self.$theme_colors()['$nil?']()) !== nil && (!$a.$$is_boolean || $a == true))) {
-        self.$get_theme_colors()};
-      self.$theme_colors()['$[]='](name.$to_s(), value.$to_s());
-      self.$colors_obj()[name.$to_s()] = value.$to_s();
-      return value;
-    };
-
-    return (def.$update = function() {
-      var self = this, theme_names = nil, current = nil, alternate = nil;
-
-      theme_names = self.$get_theme_names();
-      current = theme_names.$first();
-      alternate = theme_names.$last();
-      self.$set_theme(alternate);
-      self.$set_theme(current);
-      return "update complete";
-    }, nil) && 'update';
-  })(self, null);
-};
-/* Generated by Opal 0.8.1 */
 Opal.modules["qx/ui/v_layout"] = function(Opal) {
   Opal.dynamic_require_severity = "ignore";
   var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass;
@@ -33727,6 +33797,24 @@ Opal.modules["widgets/v_separator"] = function(Opal) {
   })(self, $scope.get('Component'));
 };
 /* Generated by Opal 0.8.1 */
+Opal.modules["configs/colors_config"] = function(Opal) {
+  Opal.dynamic_require_severity = "ignore";
+  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass, $hash2 = Opal.hash2;
+
+  return (function($base, $super) {
+    function $ColorsConfig(){};
+    var self = $ColorsConfig = $klass($base, $super, 'ColorsConfig', $ColorsConfig);
+
+    var def = self.$$proto, $scope = self.$$scope;
+
+    return (Opal.defs(self, '$value', function() {
+      var self = this;
+
+      return $hash2(["palette"], {"palette": "default"});
+    }), nil) && 'value'
+  })(self, null)
+};
+/* Generated by Opal 0.8.1 */
 Opal.modules["models/message_model"] = function(Opal) {
   Opal.dynamic_require_severity = "ignore";
   var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass, $hash2 = Opal.hash2;
@@ -34036,8 +34124,9 @@ Opal.modules["app/application"] = function(Opal) {
   Opal.dynamic_require_severity = "ignore";
   var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass, $hash2 = Opal.hash2;
 
-  Opal.add_stubs(['$require', '$include', '$start', '$instance', '$require_tree', '$set_color_palette', '$[]', '$color_config', '$set_model_configs', '$model_configs', '$set_panel_configs', '$panel_configs', '$set_root', '$set_template_configs', '$template_configs', '$set_viewport_class', '$build']);
+  Opal.add_stubs(['$require', '$include', '$start', '$instance', '$require_tree', '$set_color_palette', '$[]', '$color_config', '$set_model_configs', '$model_configs', '$set_panel_configs', '$panel_configs', '$set_root', '$set_template_configs', '$template_configs', '$set_viewport_class', '$build', '$value']);
   self.$require("singleton");
+  self.$require("configs/colors_config");
   self.$require("models/message_model");
   self.$require("models/user_model");
   self.$require("views/panel_html");
@@ -34073,7 +34162,7 @@ Opal.modules["app/application"] = function(Opal) {
     def.$color_config = function() {
       var self = this;
 
-      return $hash2(["palette"], {"palette": "default"});
+      return $scope.get('ColorsConfig').$value();
     };
 
     def.$model_configs = function() {