diff --git a/shlr/www/p/index.html b/shlr/www/p/index.html
index 5052c9d93c..96673d8afd 100644
--- a/shlr/www/p/index.html
+++ b/shlr/www/p/index.html
@@ -39,8 +39,9 @@
 <body>
 
 <!-- NORTH -->
-<div id="radareApp_mp_toolbar" class="ui-layout-north ui-widget-content" style="display: none;background-color:rgb(20,20,20);color: white;text-align: center;font-family: monospace;">
-	radare2
+<div id="radareApp_mp_toolbar" class="ui-layout-north ui-widget-content" style="display: none;background-color:rgb(20,20,20);color: white;text-align: left;font-family: monospace;">
+<img src="rlogo-inv.png" border="0">
+	
 </div>
 
 <!-- SOUTH -->
diff --git a/shlr/www/p/lib/js/main.js b/shlr/www/p/lib/js/main.js
index 03d26d29c5..cc4d3852c4 100644
--- a/shlr/www/p/lib/js/main.js
+++ b/shlr/www/p/lib/js/main.js
@@ -119,7 +119,8 @@ $(document).ready( function() {
           {title: "rename<kbd>n</kbd>", cmd: "rename"},
           {title: "add comment<kbd>;</kbd>", cmd: "comment"},
           {title: "code<kbd>c</kbd>", cmd: "define"},
-          {title: "undefine<kbd>u</kbd>", cmd: "undefine"}
+          {title: "undefine<kbd>u</kbd>", cmd: "undefine"},
+          {title: "random colors<kbd>R</kbd>", cmd: "randomcolors"}
       ],
       preventSelect: true,
       preventContextMenuForPopup: true,
@@ -170,7 +171,8 @@ $(document).ready( function() {
             {title: "rename<kbd>n</kbd>", cmd: "rename"},
             {title: "add comment<kbd>;</kbd>", cmd: "comment"},
             {title: "code<kbd>c</kbd>", cmd: "define"},
-            {title: "undefine<kbd>u</kbd>", cmd: "undefine"}
+            {title: "undefine<kbd>u</kbd>", cmd: "undefine"},
+            {title: "random colors<kbd>R</kbd>", cmd: "randomcolors"}
         ];
         if (xreffrom_submenu !== null || xrefto_submenu !== null) {
           if (xrefto_submenu !== null) menu[menu.length] = xrefto_submenu;
@@ -214,11 +216,14 @@ $(document).ready( function() {
           address = ui.cmd.substring(ui.cmd.indexOf("jumpto_") + 7);
           do_jumpto(address);
         }
-        if (ui.cmd  == "goto") do_goto();
-        if (ui.cmd  == "comment") do_comment(target);
-        if (ui.cmd  == "rename") do_rename(target, event);
-        if (ui.cmd  == "define") do_define(target);
-        if (ui.cmd  == "undefine") do_undefine(target);
+        switch (ui.cmd) {
+	case "goto": do_goto(); break;
+        case "comment": do_comment(target); break;
+        case "rename": do_rename(target, event); break;
+        case "define": do_define(target); break;
+        case "undefine": do_undefine(target); break;
+        case "randomcolors": do_randomcolors(target); break;
+        }
       }
   });
 
@@ -393,6 +398,12 @@ function do_jumpto(address) {
   scroll_to_address(r2ui._dis.tmp_address);
 }
 
+function do_randomcolors(element, inEvent) {
+  r2.cmd ('ecr', function() {
+    r2ui.load_colors ();                                                     
+  });
+}
+
 function do_rename(element, inEvent) {
   var address = get_address_from_class(element);
   if ($(element).hasClass("addr") && $(element).hasClass("flag")) {
diff --git a/shlr/www/p/lib/js/settings_panel.js b/shlr/www/p/lib/js/settings_panel.js
index eba904f837..1fb8266a7f 100644
--- a/shlr/www/p/lib/js/settings_panel.js
+++ b/shlr/www/p/lib/js/settings_panel.js
@@ -7,6 +7,7 @@ SettingsPanel.prototype.render = function() {
 	var settings = '<div><h3>Settings:</h3><br/>';
 	settings += '<div>Test: <input id="test" type="checkbox" /></div>';
 	settings += '</div><br/>';
+	settings += '<div><input value="Randomize colors" type="button" onclick="r2.cmd(\'ecr\');"></div>';
 	var html = settings + colors;
 	$('#settings_tab').html(html);
 	$('#settings_tab').css('color', "rgb(127,127,127);");
diff --git a/shlr/www/p/rlogo-inv.png b/shlr/www/p/rlogo-inv.png
new file mode 100644
index 0000000000..eadf3e2d46
Binary files /dev/null and b/shlr/www/p/rlogo-inv.png differ
