Update the legend for buttons

assets/css/universal-dapp.css

@@ -313,13 +313,17 @@
 }
 
 .udapp .legend .attach:before {
-	background-color: #62B762;
+	background-color: #B1EAC5;
 }
 
 .udapp .legend .transact:before {
-	background-color: #D42828;
+	background-color: #FFB9B9;
+}
+
+.udapp .legend .payable:before {
+	background-color: #FF8B8B;
 }
 
 .udapp .legend .call:before {
-	background-color: #556DF3;
+	background-color: #9DC1F5;
 }

src/universal-dapp.js

@@ -152,6 +152,7 @@ UniversalDApp.prototype.render = function () {
   var $legend = $('<div class="legend" />')
     .append($('<div class="attach"/>').text('Attach'))
     .append($('<div class="transact"/>').text('Transact'))
+    .append($('<div class="payable"/>').text('Transact (Payable)'))
     .append($('<div class="call"/>').text('Call'))
 
   self.$el.append($legend)