add css vars

Author: huangshuwei

packages/style/ve-table.less

@@ -339,7 +339,7 @@
 
                 // 浮层
                 .ve-table-selection-normal-area-layer {
-                    background-color: rgb(14, 101, 235);
+                    background-color: @ve-table-selection-area-layer-background-color;
                     opacity: 0.1;
                     pointer-events: none;
                 }
@@ -351,21 +351,21 @@
                         height: 8px;
                         width: 8px;
                         border-style: solid;
-                        border-color: rgb(255, 255, 255);
-                        background-color: rgb(75, 137, 255);
+                        border-color: @ve-table-selection-corner-border-color;
+                        background-color: @ve-table-selection-corner-background-color;
                         cursor: crosshair;
                     }
 
                     .ve-table-selection-border {
                         display: block;
-                        background-color: rgb(75, 137, 255);
+                        background-color: @ve-table-selection-border-color;
                     }
                 }
 
                 .ve-table-selection-autofill-area {
                     .ve-table-selection-border {
                         display: block;
-                        background-color: #ff000085;
+                        background-color: @ve-table-selection-autofill-border-color;
                     }
                 }
 
@@ -480,7 +480,7 @@
             line-height: @ve-table-td-editing-line-height;
             font-size: inherit;
             border: 2px solid @ve-table-td-editing-border-color;
-            box-shadow: 1px 2px 5px 0 #1f232966;
+            box-shadow: 1px 2px 5px 0 @ve-table-td-editing-box-shadow-color;
             display: block;
             color: @ve-table-td-editing-font-color;
             border-radius: 0;

packages/theme-dark/var.less

@@ -14,10 +14,15 @@
 @ve-table-foot-row-td-padding: 10px;
 @ve-table-border-color: #000;
 @ve-table-column-fixed-border-color: #434343;
-@ve-table-td-selection-border-color: #2196f3;
 @ve-table-td-editing-font-color: #fff;
 @ve-table-td-editing-border-color: #2196f3;
-@ve-table-td-editing-background-color: #141414;
+@ve-table-td-editing-background-color: #434343;
+@ve-table-td-editing-box-shadow-color: #5e5c5c;
+@ve-table-selection-border-color:#4b89ff;
+@ve-table-selection-autofill-border-color:#ff000085;
+@ve-table-selection-corner-border-color:#ffffff;
+@ve-table-selection-corner-background-color:#4b89ff;
+@ve-table-selection-area-layer-background-color:#0d65eb;
 @ve-table-td-operation-column-background-color: #1d1d1d;
 @ve-table-body-background-color: #141414;
 @ve-table-body-row-stripe-background-color: @ve-primary-color;

packages/theme-default/var.less

@@ -13,10 +13,15 @@
 @ve-table-foot-row-td-padding: 10px;
 @ve-table-border-color: #eee;
 @ve-table-column-fixed-border-color: #ddd;
-@ve-table-td-selection-border-color: #2196f3;
 @ve-table-td-editing-font-color: #000;
 @ve-table-td-editing-border-color: #2196f3;
 @ve-table-td-editing-background-color: #fff;
+@ve-table-td-editing-box-shadow-color: #1f232966;
+@ve-table-selection-border-color: #4b89ff;
+@ve-table-selection-autofill-border-color: #ff000085;
+@ve-table-selection-corner-border-color: #ffffff;
+@ve-table-selection-corner-background-color: #4b89ff;
+@ve-table-selection-area-layer-background-color: #0d65eb;
 @ve-table-td-operation-column-background-color: #fafafa;
 @ve-table-body-background-color: #fff;
 @ve-table-body-row-stripe-background-color: #fafafa;