modify and add less source files. commit their compiled results

customize.dist/src/alertify.less

@@ -2,8 +2,12 @@
 
 .alertify-logs {
     > * {
-        padding: @padding-base @padding-base * 2;
-        color: #fff;
+        padding: @padding-base @padding-base * 4;
+        color: @fore;
+
+        font-weight: bold;
+        font-size: large;
+
         box-shadow: @box-shadow;
         border-radius: @border-radius;
         &, &.default {
@@ -11,10 +15,11 @@
             background: rgba(0, 0, 0, .8);
         }
         &.error {
-          background: @danger-color;
+            background: @danger-color;
         }
         &.success {
-          background: @success-color;
+            background: @success-color;
+            color: @success-fore;
         }
     }
 }
@@ -92,7 +97,7 @@
             font-size: 100%;
             padding: @padding-base;
             &:focus {
-                outline-offset: -2px;
+                //outline-offset: -2px;
             }
         }
         nav {
@@ -103,7 +108,6 @@
 
                 background-color: @alertify-btn-bg;
                 box-sizing: border-box;
-                color: @alertify-btn-fg;
                 position: relative;
                 outline: 0;
                 border: 0;
@@ -120,8 +124,10 @@
                 font-size: 14px;
                 text-decoration: none;
                 cursor: pointer;
-                border: 1px solid transparent;
-                border-radius: 2px;
+
+                color: @alertify-btn-fg;
+                border: 1px solid @base;
+                border-radius: 5px;
 
                 &:hover, &:active {
                     background-color: @alertify-btn-bg-hover;
@@ -129,7 +135,7 @@
 
                 &:focus {
                     // FIXME
-                    //border: 1px solid rgba(0, 0, 0, .1);
+                    border: 1px solid rgba(0, 0, 0, .1);
                 }
 
             }

customize.dist/src/toolbar.less

@@ -0,0 +1,83 @@
+@import "./variables.less";
+
+.cryptpad-toolbar {
+    box-sizing: border-box;
+
+    color: #666;
+    font-weight: bold;
+    height: 26px;
+    margin-bottom: -3px;
+    display: inline-block;
+    width: 100%;
+    z-index: 9001;
+
+    a {
+        float: right;
+    }
+
+    div {
+        padding: 0 10px;
+        height: 1.5em;
+        line-height: 25px;
+        height: 22px;
+        &.rtwysiwyg-back {
+            padding: 0;
+            font-weight: bold;
+            cursor: pointer;
+            color: #000;
+        }
+    }
+
+    button {
+        height: 100%;
+        background-color: inherit;
+        border: 1px solid #A6A6A6;
+        border-radius: 5px;
+        margin-right: 5px;
+        padding-right: 5px;
+        padding-left: 5px;
+    }
+    .rightside-button {
+        float: right;
+        cursor: pointer;
+    }
+
+    .leftside-button {
+        cursor: pointer;
+        float: left;
+    }
+
+    select {
+        border: 0px;
+        margin-left: 5px;
+        margin-right: 5px;
+        padding-left: 5px;
+    }
+}
+.cryptpad-changeName {
+    float: left;
+    cursor: pointer;
+    button {
+        padding: 0;
+        margin-right: 5px;
+    }
+}
+
+.cryptpad-toolbar-leftside {
+    float: left;
+    div {
+        float: left;
+    }
+
+}
+.cryptpad-toolbar-rightside {
+    text-align: right;
+    //float: right;
+}
+.cryptpad-lag {
+    float: right;
+}
+.cryptpad-spinner {
+    float: left;
+}
+

customize.dist/src/variables.less

@@ -8,20 +8,22 @@
 @cp-red: #FF0073; // remove red
 @cp-outline: #444;
 
-
 // alertify things
 
 @box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
 @padding-base: 12px;
-@success-color: rgba(76, 175, 80, .9);
-@danger-color: rgba(244, 67, 54, .8);
+
+@success-color: @cp-green;
+@success-fore: @base;
+@danger-color: @cp-red;
+
 @text-color: rgba(0, 0, 0, .8);
 @border-radius: 1px;
 
 @alertify-btn-fg: @fore;
 
 @alertify-btn-bg: transparent;
-@alertify-btn-bg-hover: rgba(0, 100, 0, .15);
+@alertify-btn-bg-hover: rgba(0, 0, 0, .15);
 
 @alertify-bg: rgba(0, 0, 0, .3);