Different colors for ok and cancel in alertify

customize.dist/src/less2/include/alertify.less

@@ -268,6 +268,14 @@
                         }
                     }
 
+                    &.primary {
+                        background-color: @colortheme_alertify-primary;
+                        color: @colortheme_alertify-primary-text;
+                        &:hover, &:active {
+                            background-color: darken(@colortheme_alertify-primary, 10%);
+                        }
+                    }
+
                     &:hover, &:active {
                         background-color: @alertify-btn-bg-hover;
                     }

customize.dist/src/less2/include/colortheme.less

@@ -28,6 +28,8 @@
 
 @colortheme_alertify-red: #E55236;
 @colortheme_alertify-green: #77C825;
+@colortheme_alertify-primary: #fff;
+@colortheme_alertify-primary-text: #000;
 
 @colortheme_notification-log: rgba(0, 0, 0, 0.8);
 @colortheme_notification-warn: rgba(205, 37, 50, 0.8);

www/common/common-interface.js

@@ -112,7 +112,7 @@ define([
     };
 
     dialog.okButton = function (content) {
-        return h('button.ok', { tabindex: '2', }, content || Messages.okButton);
+        return h('button.ok.primary', { tabindex: '2', }, content || Messages.okButton);
     };
 
     dialog.cancelButton = function (content) {
@@ -324,7 +324,7 @@ define([
         var navs = [];
         opt.buttons.forEach(function (b) {
             if (!b.name || !b.onClick) { return; }
-            var button = h('button', { tabindex: '1' }, b.name);
+            var button = h('button', { tabindex: '1', 'class': b.className || '' }, b.name);
             $(button).click(function () {
                 b.onClick();
                 close($(this).parents('.alertify').first());

www/common/common-ui-elements.js

@@ -302,6 +302,7 @@ define([
             onClick: function () {},
             keys: [27]
         }, {
+            className: 'primary',
             name: Messages.share_linkCopy,
             onClick: function () {
                 saveValue();
@@ -311,6 +312,7 @@ define([
             },
             keys: [13]
         }, {
+            className: 'primary',
             name: Messages.share_linkOpen,
             onClick: function () {
                 saveValue();
@@ -340,6 +342,7 @@ define([
             onClick: function () {},
             keys: [27]
         }, {
+            className: 'primary',
             name: Messages.share_linkCopy,
             onClick: function () {
                 var v = getEmbedValue();
@@ -396,6 +399,7 @@ define([
             onClick: function () {},
             keys: [27]
         }, {
+            className: 'primary',
             name: Messages.share_linkCopy,
             onClick: function () {
                 var v = getLinkValue();
@@ -421,6 +425,7 @@ define([
             onClick: function () {},
             keys: [27]
         }, {
+            className: 'primary',
             name: Messages.share_mediatagCopy,
             onClick: function () {
                 var v = common.getMediatagFromHref(url);