Add theme vars

Author: huangshuwei

CHANGE-LOG.md

@@ -7,6 +7,22 @@ Vx.x.x(TPL)
 -   Style changes
 -   Dependencies Changes
 
+V2.21.2
+
+### Style changes
+
+-   Add theme vars
+    -   @ve-table-column-resizer-handler-background-color
+    -   @ve-table-column-resizer-line-background-color
+
+---
+
+-   添加主题变量
+    -   @ve-table-column-resizer-handler-background-color
+    -   @ve-table-column-resizer-line-background-color
+
+### Style changes
+
 V2.21.1
 
 ### Bug Fixes

packages/style/ve-table.less

@@ -13,6 +13,9 @@
 @ve-fixed-header-cell-index: 30;
 @ve-fixed-foot-cell-index: 30;
 
+@ve-column-resizer-handler-index: 50;
+@ve-column-resizer-line-index: 50;
+
 .ve-table *,
 .ve-table *:before,
 .ve-table *:after {
@@ -508,10 +511,6 @@
 
     // column resizer
     .ve-table-column-resizer {
-        // height: 100%;
-        // width: 1px;
-        // background-color: #000;
-        // position: absolute;
         &-handler {
             position: absolute;
             cursor: col-resize;
@@ -520,9 +519,9 @@
             bottom: 0;
             width: 5px;
             height: 40px;
-            z-index: 50;
+            z-index: @ve-column-resizer-handler-index;
             &.active {
-                background-color: lightblue;
+                background-color: @ve-table-column-resizer-handler-background-color;
             }
         }
 
@@ -533,8 +532,9 @@
             top: 0;
             bottom: 0;
             width: 0;
-            border-left: 1px solid lightblue;
-            z-index: 50;
+            border-left: 1px solid
+                @ve-table-column-resizer-line-background-color;
+            z-index: @ve-column-resizer-line-index;
         }
     }
 }

packages/theme-dark/var.less

@@ -46,6 +46,8 @@
 @ve-table-header-cell-indicator-active-background-color: #666;
 @ve-table-body-cell-indicator-background-color: #434343;
 @ve-table-body-cell-indicator-active-background-color: #666;
+@ve-table-column-resizer-handler-background-color: #4d90fe;
+@ve-table-column-resizer-line-background-color: #4d90fe;
 
 /* ve-pagination */
 @ve-pagination-background-color: @ve-primary-color;

packages/theme-default/var.less

@@ -45,6 +45,8 @@
 @ve-table-header-cell-indicator-active-background-color: #5f6266;
 @ve-table-body-cell-indicator-background-color: #eaebec;
 @ve-table-body-cell-indicator-active-background-color: #5f6266;
+@ve-table-column-resizer-handler-background-color: #4d90fe;
+@ve-table-column-resizer-line-background-color: #4d90fe;
 
 /* ve-pagination */
 @ve-pagination-background-color: #fff;